element-ps 1.0.0-alpha.6 → 1.0.1

package/es/packages/components/breadcrumb/src/breadcrumb.mjs

@@ -0,0 +1,7 @@
+import script from './breadcrumb.vue_vue&type=script&lang.mjs';
+export { default } from './breadcrumb.vue_vue&type=script&lang.mjs';
+import { render } from './breadcrumb.vue_vue&type=template&id=b67a42b6&lang.mjs';
+
+script.render = render;
+script.__file = "packages/components/breadcrumb/src/breadcrumb.vue";
+//# sourceMappingURL=breadcrumb.mjs.map

package/es/packages/components/breadcrumb/src/breadcrumb.mjs.map

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

package/es/packages/components/breadcrumb/src/breadcrumb.vue_vue&type=script&lang.mjs

@@ -0,0 +1,25 @@
+import { defineComponent, ref, provide, onMounted } from 'vue';
+import '../../../tokens/index.mjs';
+import { breadcrumbProps } from './breadcrumb2.mjs';
+import { elBreadcrumbKey } from '../../../tokens/breadcrumb.mjs';
+
+var script = defineComponent({
+  name: "PsBreadcrumb",
+  props: breadcrumbProps,
+  setup(props) {
+    const breadcrumb = ref();
+    provide(elBreadcrumbKey, props);
+    onMounted(() => {
+      const items = breadcrumb.value.querySelectorAll(".el-breadcrumb__item");
+      if (items.length) {
+        items[items.length - 1].setAttribute("aria-current", "page");
+      }
+    });
+    return {
+      breadcrumb
+    };
+  }
+});
+
+export { script as default };
+//# sourceMappingURL=breadcrumb.vue_vue&type=script&lang.mjs.map

package/es/packages/components/breadcrumb/src/breadcrumb.vue_vue&type=script&lang.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb.vue_vue&type=script&lang.mjs","sources":["../../../../../../../packages/components/breadcrumb/src/breadcrumb.vue"],"sourcesContent":["<template>\n  <div\n    ref=\"breadcrumb\"\n    class=\"el-breadcrumb\"\n    aria-label=\"Breadcrumb\"\n    role=\"navigation\"\n  >\n    <slot></slot>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, provide, ref, onMounted } from 'vue'\nimport { elBreadcrumbKey } from '@element-ps/tokens'\n\nimport { breadcrumbProps } from './breadcrumb'\n\nexport default defineComponent({\n  name: 'PsBreadcrumb',\n  props: breadcrumbProps,\n\n  setup(props) {\n    const breadcrumb = ref<HTMLDivElement>()\n\n    provide(elBreadcrumbKey, props)\n\n    onMounted(() => {\n      const items = breadcrumb.value!.querySelectorAll('.el-breadcrumb__item')\n      if (items.length) {\n        items[items.length - 1].setAttribute('aria-current', 'page')\n      }\n    })\n\n    return {\n      breadcrumb,\n    }\n  },\n})\n</script>\n"],"names":[],"mappings":";;;;;AAiBA,aAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,OAAO;AAAA,EAEP,MAAM,OAAO;AACX,UAAM,aAAa;AAEnB,YAAQ,iBAAiB;AAEzB,cAAU,MAAM;AACd,YAAM,QAAQ,WAAW,MAAO,iBAAiB;AACjD,UAAI,MAAM,QAAQ;AAChB,cAAM,MAAM,SAAS,GAAG,aAAa,gBAAgB;AAAA;AAAA;AAIzD,WAAO;AAAA,MACL;AAAA;AAAA;AAAA;;;;"}

package/es/packages/components/breadcrumb/src/breadcrumb.vue_vue&type=template&id=b67a42b6&lang.mjs

@@ -0,0 +1,16 @@
+import { openBlock, createElementBlock, renderSlot } from 'vue';
+
+const _hoisted_1 = {
+  ref: "breadcrumb",
+  class: "el-breadcrumb",
+  "aria-label": "Breadcrumb",
+  role: "navigation"
+};
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", _hoisted_1, [
+    renderSlot(_ctx.$slots, "default")
+  ], 512);
+}
+
+export { render };
+//# sourceMappingURL=breadcrumb.vue_vue&type=template&id=b67a42b6&lang.mjs.map

package/es/packages/components/breadcrumb/src/breadcrumb.vue_vue&type=template&id=b67a42b6&lang.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb.vue_vue&type=template&id=b67a42b6&lang.mjs","sources":["../../../../../../../packages/components/breadcrumb/src/breadcrumb.vue?vue&type=template&id=b67a42b6&lang.js"],"sourcesContent":["<template>\n  <div\n    ref=\"breadcrumb\"\n    class=\"el-breadcrumb\"\n    aria-label=\"Breadcrumb\"\n    role=\"navigation\"\n  >\n    <slot></slot>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, provide, ref, onMounted } from 'vue'\nimport { elBreadcrumbKey } from '@element-ps/tokens'\n\nimport { breadcrumbProps } from './breadcrumb'\n\nexport default defineComponent({\n  name: 'PsBreadcrumb',\n  props: breadcrumbProps,\n\n  setup(props) {\n    const breadcrumb = ref<HTMLDivElement>()\n\n    provide(elBreadcrumbKey, props)\n\n    onMounted(() => {\n      const items = breadcrumb.value!.querySelectorAll('.el-breadcrumb__item')\n      if (items.length) {\n        items[items.length - 1].setAttribute('aria-current', 'page')\n      }\n    })\n\n    return {\n      breadcrumb,\n    }\n  },\n})\n</script>\n"],"names":["_createElementBlock","_renderSlot"],"mappings":";;;EAEI,KAAI;AAAA,EACJ,OAAM;AAAA,EACN,cAAW;AAAA,EACX,MAAK;AAAA;;sBAJPA,0BAAA;IAMEC;;;;;;"}

package/es/packages/components/breadcrumb/src/breadcrumb2.mjs

@@ -0,0 +1,15 @@
+import { buildProps, definePropType } from '../../../utils/props.mjs';
+
+const breadcrumbProps = buildProps({
+  separator: {
+    type: String,
+    default: "/"
+  },
+  separatorIcon: {
+    type: definePropType([String, Object]),
+    default: ""
+  }
+});
+
+export { breadcrumbProps };
+//# sourceMappingURL=breadcrumb2.mjs.map

package/es/packages/components/breadcrumb/src/breadcrumb2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb2.mjs","sources":["../../../../../../../packages/components/breadcrumb/src/breadcrumb.ts"],"sourcesContent":["import type { Component, ExtractPropTypes } from 'vue'\nimport { buildProps, definePropType } from '@element-ps/utils/props'\n\nexport const breadcrumbProps = buildProps({\n  separator: {\n    type: String,\n    default: '/',\n  },\n  separatorIcon: {\n    type: definePropType<string | Component>([String, Object]),\n    default: '',\n  },\n} as const)\nexport type BreadcrumbProps = ExtractPropTypes<typeof breadcrumbProps>\n"],"names":[],"mappings":";;MAGa,kBAAkB,WAAW;AAAA,EACxC,WAAW;AAAA,IACT,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,eAAe;AAAA,IACb,MAAM,eAAmC,CAAC,QAAQ;AAAA,IAClD,SAAS;AAAA;AAAA;;;;"}

package/es/packages/components/button/index.mjs

@@ -0,0 +1,14 @@
+import { withInstall, withNoopInstall } from '../../utils/with-install.mjs';
+import './src/button.mjs';
+import './src/button-group2.mjs';
+export { buttonEmits, buttonNativeType, buttonProps, buttonSize, buttonType } from './src/button2.mjs';
+import script from './src/button.vue_vue&type=script&lang.mjs';
+import script$1 from './src/button-group.vue_vue&type=script&lang.mjs';
+
+const PsButton = withInstall(script, {
+  ButtonGroup: script$1
+});
+const PsButtonGroup = withNoopInstall(script$1);
+
+export { PsButton, PsButtonGroup, PsButton as default };
+//# sourceMappingURL=index.mjs.map

package/es/packages/components/button/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../../packages/components/button/index.ts"],"sourcesContent":["import { withInstall, withNoopInstall } from '@element-ps/utils/with-install'\nimport Button from './src/button.vue'\nimport ButtonGroup from './src/button-group.vue'\n\nexport const PsButton = withInstall(Button, {\n  ButtonGroup,\n})\nexport const PsButtonGroup = withNoopInstall(ButtonGroup)\nexport default PsButton\n\nexport * from './src/button'\n"],"names":["Button","ButtonGroup"],"mappings":";;;;;;;MAIa,WAAW,YAAYA,QAAQ;AAAA,eAC1CC;AAAA;MAEW,gBAAgB,gBAAgBA;;;;"}

package/es/packages/components/button/src/button-group.mjs

@@ -0,0 +1,9 @@
+import { buttonProps } from './button2.mjs';
+
+const buttonGroupProps = {
+  size: buttonProps.size,
+  type: buttonProps.type
+};
+
+export { buttonGroupProps };
+//# sourceMappingURL=button-group.mjs.map

package/es/packages/components/button/src/button-group.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-group.mjs","sources":["../../../../../../../packages/components/button/src/button-group.ts"],"sourcesContent":["import { buttonProps } from './button'\n\nimport type { ExtractPropTypes } from 'vue'\n\nexport const buttonGroupProps = {\n  size: buttonProps.size,\n  type: buttonProps.type,\n} as const\nexport type ButtonGroupProps = ExtractPropTypes<typeof buttonGroupProps>\n"],"names":[],"mappings":";;MAIa,mBAAmB;AAAA,EAC9B,MAAM,YAAY;AAAA,EAClB,MAAM,YAAY;AAAA;;;;"}

package/es/packages/components/button/src/button-group.vue_vue&type=script&lang.mjs

@@ -0,0 +1,18 @@
+import { defineComponent, provide, reactive, toRef } from 'vue';
+import '../../../tokens/index.mjs';
+import { buttonGroupProps } from './button-group.mjs';
+import { elButtonGroupKey } from '../../../tokens/button.mjs';
+
+var script = defineComponent({
+  name: "PsButtonGroup",
+  props: buttonGroupProps,
+  setup(props) {
+    provide(elButtonGroupKey, reactive({
+      size: toRef(props, "size"),
+      type: toRef(props, "type")
+    }));
+  }
+});
+
+export { script as default };
+//# sourceMappingURL=button-group.vue_vue&type=script&lang.mjs.map

package/es/packages/components/button/src/button-group.vue_vue&type=script&lang.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-group.vue_vue&type=script&lang.mjs","sources":["../../../../../../../packages/components/button/src/button-group.vue"],"sourcesContent":["<template>\n  <div class=\"el-button-group\">\n    <slot></slot>\n  </div>\n</template>\n<script lang=\"ts\">\nimport { defineComponent, provide, reactive, toRef } from 'vue'\nimport { elButtonGroupKey } from '@element-ps/tokens'\nimport { buttonGroupProps } from './button-group'\n\nexport default defineComponent({\n  name: 'PsButtonGroup',\n  props: buttonGroupProps,\n\n  setup(props) {\n    provide(\n      elButtonGroupKey,\n      reactive({\n        size: toRef(props, 'size'),\n        type: toRef(props, 'type'),\n      })\n    )\n  },\n})\n</script>\n"],"names":[],"mappings":";;;;;AAUA,aAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,OAAO;AAAA,EAEP,MAAM,OAAO;AACX,YACE,kBACA,SAAS;AAAA,MACP,MAAM,MAAM,OAAO;AAAA,MACnB,MAAM,MAAM,OAAO;AAAA;AAAA;AAAA;;;;"}

package/es/packages/components/button/src/button-group.vue_vue&type=template&id=1bab7d77&lang.mjs

@@ -0,0 +1,11 @@
+import { openBlock, createElementBlock, renderSlot } from 'vue';
+
+const _hoisted_1 = { class: "el-button-group" };
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", _hoisted_1, [
+    renderSlot(_ctx.$slots, "default")
+  ]);
+}
+
+export { render };
+//# sourceMappingURL=button-group.vue_vue&type=template&id=1bab7d77&lang.mjs.map

package/es/packages/components/button/src/button-group.vue_vue&type=template&id=1bab7d77&lang.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-group.vue_vue&type=template&id=1bab7d77&lang.mjs","sources":["../../../../../../../packages/components/button/src/button-group.vue?vue&type=template&id=1bab7d77&lang.js"],"sourcesContent":["<template>\n  <div class=\"el-button-group\">\n    <slot></slot>\n  </div>\n</template>\n<script lang=\"ts\">\nimport { defineComponent, provide, reactive, toRef } from 'vue'\nimport { elButtonGroupKey } from '@element-ps/tokens'\nimport { buttonGroupProps } from './button-group'\n\nexport default defineComponent({\n  name: 'PsButtonGroup',\n  props: buttonGroupProps,\n\n  setup(props) {\n    provide(\n      elButtonGroupKey,\n      reactive({\n        size: toRef(props, 'size'),\n        type: toRef(props, 'type'),\n      })\n    )\n  },\n})\n</script>\n"],"names":["_createElementBlock","_renderSlot"],"mappings":";;qBACO,OAAM;;sBAAXA,0BAAA;IACEC;;;;;;"}

package/es/packages/components/button/src/button-group2.mjs

@@ -0,0 +1,7 @@
+import script from './button-group.vue_vue&type=script&lang.mjs';
+export { default } from './button-group.vue_vue&type=script&lang.mjs';
+import { render } from './button-group.vue_vue&type=template&id=1bab7d77&lang.mjs';
+
+script.render = render;
+script.__file = "packages/components/button/src/button-group.vue";
+//# sourceMappingURL=button-group2.mjs.map

package/es/packages/components/button/src/button-group2.mjs.map

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

package/es/packages/components/button/src/button.mjs

@@ -0,0 +1,7 @@
+import script from './button.vue_vue&type=script&lang.mjs';
+export { default } from './button.vue_vue&type=script&lang.mjs';
+import { render } from './button.vue_vue&type=template&id=802c5c76&lang.mjs';
+
+script.render = render;
+script.__file = "packages/components/button/src/button.vue";
+//# sourceMappingURL=button.mjs.map

package/es/packages/components/button/src/button.mjs.map

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

package/es/packages/components/button/src/button.vue_vue&type=script&lang.mjs

@@ -0,0 +1,51 @@
+import { defineComponent, inject, computed } from 'vue';
+import '../../../hooks/index.mjs';
+import '../../../tokens/index.mjs';
+import { PsIcon } from '../../icon/index.mjs';
+import { Loading } from '@element-plus/icons';
+import { buttonProps } from './button2.mjs';
+import { elButtonGroupKey } from '../../../tokens/button.mjs';
+import { useGlobalConfig } from '../../../hooks/use-global-config/index.mjs';
+import { useFormItem } from '../../../hooks/use-form-item/index.mjs';
+
+var script = defineComponent({
+  name: "PsButton",
+  components: {
+    PsIcon,
+    Loading
+  },
+  props: buttonProps,
+  setup(props, { slots }) {
+    const elBtnGroup = inject(elButtonGroupKey, void 0);
+    const globalConfig = useGlobalConfig();
+    const autoInsertSpace = computed(() => {
+      var _a;
+      return (_a = props.autoInsertSpace) != null ? _a : globalConfig == null ? void 0 : globalConfig.button.autoInsertSpace;
+    });
+    const shouldAddSpace = computed(() => {
+      var _a;
+      const defaultSlot = (_a = slots.default) == null ? void 0 : _a.call(slots);
+      if (autoInsertSpace.value && (defaultSlot == null ? void 0 : defaultSlot.length) === 1) {
+        const slot = defaultSlot[0];
+        if ((slot == null ? void 0 : slot.type) === Text) {
+          const text = slot.children;
+          return /^\p{Unified_Ideograph}{2}$/u.test(text);
+        }
+      }
+      return false;
+    });
+    const { size: buttonSize, disabled: buttonDisabled } = useFormItem({
+      size: computed(() => elBtnGroup == null ? void 0 : elBtnGroup.size)
+    });
+    const buttonType = computed(() => props.type || (elBtnGroup == null ? void 0 : elBtnGroup.type) || "default");
+    return {
+      buttonSize,
+      buttonType,
+      buttonDisabled,
+      shouldAddSpace
+    };
+  }
+});
+
+export { script as default };
+//# sourceMappingURL=button.vue_vue&type=script&lang.mjs.map

package/es/packages/components/button/src/button.vue_vue&type=script&lang.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.vue_vue&type=script&lang.mjs","sources":["../../../../../../../packages/components/button/src/button.vue"],"sourcesContent":["<template>\n  <button\n    :class=\"[\n      'el-button',\n      buttonType ? 'el-button--' + buttonType : '',\n      buttonSize ? 'el-button--' + buttonSize : '',\n      {\n        'is-disabled': buttonDisabled,\n        'is-loading': loading,\n        'is-plain': plain,\n        'is-round': round,\n        'is-circle': circle,\n      },\n    ]\"\n    :disabled=\"buttonDisabled || loading\"\n    :autofocus=\"autofocus\"\n    :type=\"nativeType\"\n  >\n    <ps-icon v-if=\"loading\" class=\"is-loading\"><loading /></ps-icon>\n    <ps-icon v-else-if=\"icon\">\n      <component :is=\"icon\" />\n    </ps-icon>\n    <span\n      v-if=\"$slots.default\"\n      :class=\"{ 'el-button__text--expand': shouldAddSpace }\"\n    >\n      <slot></slot>\n    </span>\n  </button>\n</template>\n\n<script lang=\"ts\">\nimport { computed, inject, defineComponent } from 'vue'\nimport { useFormItem, useGlobalConfig } from '@element-ps/hooks'\nimport { elButtonGroupKey } from '@element-ps/tokens'\nimport { PsIcon } from '@element-ps/components/icon'\nimport { Loading } from '@element-plus/icons'\n\nimport { buttonProps } from './button'\n\nexport default defineComponent({\n  name: 'PsButton',\n  components: {\n    PsIcon,\n    Loading,\n  },\n  props: buttonProps,\n\n  setup(props, { slots }) {\n    const elBtnGroup = inject(elButtonGroupKey, undefined)\n    const globalConfig = useGlobalConfig()\n    const autoInsertSpace = computed(() => {\n      return props.autoInsertSpace ?? globalConfig?.button.autoInsertSpace\n    })\n\n    // add space between two characters in Chinese\n    const shouldAddSpace = computed(() => {\n      const defaultSlot = slots.default?.()\n      if (autoInsertSpace.value && defaultSlot?.length === 1) {\n        const slot = defaultSlot[0]\n        if (slot?.type === Text) {\n          const text = slot.children\n          return /^\\p{Unified_Ideograph}{2}$/u.test(text as string)\n        }\n      }\n      return false\n    })\n    const { size: buttonSize, disabled: buttonDisabled } = useFormItem({\n      size: computed(() => elBtnGroup?.size),\n    })\n    const buttonType = computed(\n      () => props.type || elBtnGroup?.type || 'default'\n    )\n\n    return {\n      buttonSize,\n      buttonType,\n      buttonDisabled,\n\n      shouldAddSpace,\n    }\n  },\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;;;AAwCA,aAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV;AAAA,IACA;AAAA;AAAA,EAEF,OAAO;AAAA,EAEP,MAAM,OAAO,EAAE,SAAS;AACtB,UAAM,aAAa,OAAO,kBAAkB;AAC5C,UAAM,eAAe;AACrB,UAAM,kBAAkB,SAAS,MAAM;;AACrC,aAAO,YAAM,oBAAN,YAAyB,6CAAc,OAAO;AAAA;AAIvD,UAAM,iBAAiB,SAAS,MAAM;;AACpC,YAAM,cAAc,YAAM,YAAN;AACpB,UAAI,gBAAgB,SAAS,4CAAa,YAAW,GAAG;AACtD,cAAM,OAAO,YAAY;AACzB,YAAI,8BAAM,UAAS,MAAM;AACvB,gBAAM,OAAO,KAAK;AAClB,iBAAO,8BAA8B,KAAK;AAAA;AAAA;AAG9C,aAAO;AAAA;AAET,UAAM,EAAE,MAAM,YAAY,UAAU,mBAAmB,YAAY;AAAA,MACjE,MAAM,SAAS,MAAM,yCAAY;AAAA;AAEnC,UAAM,aAAa,SACjB,MAAM,MAAM,kDAAoB,SAAQ;AAG1C,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MAEA;AAAA;AAAA;AAAA;;;;"}

package/es/packages/components/button/src/button.vue_vue&type=template&id=802c5c76&lang.mjs

@@ -0,0 +1,48 @@
+import { resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, createVNode, resolveDynamicComponent, createCommentVNode, renderSlot } from 'vue';
+
+const _hoisted_1 = ["disabled", "autofocus", "type"];
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_loading = resolveComponent("loading");
+  const _component_ps_icon = resolveComponent("ps-icon");
+  return openBlock(), createElementBlock("button", {
+    class: normalizeClass([
+      "el-button",
+      _ctx.buttonType ? "el-button--" + _ctx.buttonType : "",
+      _ctx.buttonSize ? "el-button--" + _ctx.buttonSize : "",
+      {
+        "is-disabled": _ctx.buttonDisabled,
+        "is-loading": _ctx.loading,
+        "is-plain": _ctx.plain,
+        "is-round": _ctx.round,
+        "is-circle": _ctx.circle
+      }
+    ]),
+    disabled: _ctx.buttonDisabled || _ctx.loading,
+    autofocus: _ctx.autofocus,
+    type: _ctx.nativeType
+  }, [
+    _ctx.loading ? (openBlock(), createBlock(_component_ps_icon, {
+      key: 0,
+      class: "is-loading"
+    }, {
+      default: withCtx(() => [
+        createVNode(_component_loading)
+      ]),
+      _: 1
+    })) : _ctx.icon ? (openBlock(), createBlock(_component_ps_icon, { key: 1 }, {
+      default: withCtx(() => [
+        (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon)))
+      ]),
+      _: 1
+    })) : createCommentVNode("v-if", true),
+    _ctx.$slots.default ? (openBlock(), createElementBlock("span", {
+      key: 2,
+      class: normalizeClass({ "el-button__text--expand": _ctx.shouldAddSpace })
+    }, [
+      renderSlot(_ctx.$slots, "default")
+    ], 2)) : createCommentVNode("v-if", true)
+  ], 10, _hoisted_1);
+}
+
+export { render };
+//# sourceMappingURL=button.vue_vue&type=template&id=802c5c76&lang.mjs.map

package/es/packages/components/button/src/button.vue_vue&type=template&id=802c5c76&lang.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.vue_vue&type=template&id=802c5c76&lang.mjs","sources":["../../../../../../../packages/components/button/src/button.vue?vue&type=template&id=802c5c76&lang.js"],"sourcesContent":["<template>\n  <button\n    :class=\"[\n      'el-button',\n      buttonType ? 'el-button--' + buttonType : '',\n      buttonSize ? 'el-button--' + buttonSize : '',\n      {\n        'is-disabled': buttonDisabled,\n        'is-loading': loading,\n        'is-plain': plain,\n        'is-round': round,\n        'is-circle': circle,\n      },\n    ]\"\n    :disabled=\"buttonDisabled || loading\"\n    :autofocus=\"autofocus\"\n    :type=\"nativeType\"\n  >\n    <ps-icon v-if=\"loading\" class=\"is-loading\"><loading /></ps-icon>\n    <ps-icon v-else-if=\"icon\">\n      <component :is=\"icon\" />\n    </ps-icon>\n    <span\n      v-if=\"$slots.default\"\n      :class=\"{ 'el-button__text--expand': shouldAddSpace }\"\n    >\n      <slot></slot>\n    </span>\n  </button>\n</template>\n\n<script lang=\"ts\">\nimport { computed, inject, defineComponent } from 'vue'\nimport { useFormItem, useGlobalConfig } from '@element-ps/hooks'\nimport { elButtonGroupKey } from '@element-ps/tokens'\nimport { PsIcon } from '@element-ps/components/icon'\nimport { Loading } from '@element-plus/icons'\n\nimport { buttonProps } from './button'\n\nexport default defineComponent({\n  name: 'PsButton',\n  components: {\n    PsIcon,\n    Loading,\n  },\n  props: buttonProps,\n\n  setup(props, { slots }) {\n    const elBtnGroup = inject(elButtonGroupKey, undefined)\n    const globalConfig = useGlobalConfig()\n    const autoInsertSpace = computed(() => {\n      return props.autoInsertSpace ?? globalConfig?.button.autoInsertSpace\n    })\n\n    // add space between two characters in Chinese\n    const shouldAddSpace = computed(() => {\n      const defaultSlot = slots.default?.()\n      if (autoInsertSpace.value && defaultSlot?.length === 1) {\n        const slot = defaultSlot[0]\n        if (slot?.type === Text) {\n          const text = slot.children\n          return /^\\p{Unified_Ideograph}{2}$/u.test(text as string)\n        }\n      }\n      return false\n    })\n    const { size: buttonSize, disabled: buttonDisabled } = useFormItem({\n      size: computed(() => elBtnGroup?.size),\n    })\n    const buttonType = computed(\n      () => props.type || elBtnGroup?.type || 'default'\n    )\n\n    return {\n      buttonSize,\n      buttonType,\n      buttonDisabled,\n\n      shouldAddSpace,\n    }\n  },\n})\n</script>\n"],"names":["_createElementBlock","_createBlock","_createVNode","_renderSlot"],"mappings":";;;;;;sBACEA;IACG;;;;;;;;;;;;IAYA,UAAU,uBAAkB;IAC5B,WAAW;IACX,MAAM;;IAEQ,6BAAfC;;MAAwB,OAAM;AAAA;uBAAa;QAAAC,YAAW;AAAA;AAAA;UAClC,0BAApBD;uBACE;sBAAAA,oCAAgB;;;;IAGV,YAAO,wBADfD;;MAEG,mDAAoC;;MAErCG;;;;;;;"}

package/es/packages/components/button/src/button2.mjs

@@ -0,0 +1,47 @@
+import '../../../hooks/index.mjs';
+import { buildProps, definePropType } from '../../../utils/props.mjs';
+import { useFormItemProps } from '../../../hooks/use-form-item/index.mjs';
+
+const buttonType = [
+  "default",
+  "primary",
+  "success",
+  "warning",
+  "info",
+  "danger",
+  "text",
+  ""
+];
+const buttonSize = ["", "large", "medium", "small", "mini"];
+const buttonNativeType = ["button", "submit", "reset"];
+const buttonProps = buildProps({
+  ...useFormItemProps,
+  type: {
+    type: String,
+    values: buttonType,
+    default: ""
+  },
+  icon: {
+    type: definePropType([String, Object]),
+    default: ""
+  },
+  nativeType: {
+    type: String,
+    values: buttonNativeType,
+    default: "button"
+  },
+  loading: Boolean,
+  plain: Boolean,
+  autofocus: Boolean,
+  round: Boolean,
+  circle: Boolean,
+  autoInsertSpace: {
+    type: Boolean
+  }
+});
+const buttonEmits = {
+  click: (evt) => evt instanceof MouseEvent
+};
+
+export { buttonEmits, buttonNativeType, buttonProps, buttonSize, buttonType };
+//# sourceMappingURL=button2.mjs.map

package/es/packages/components/button/src/button2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"button2.mjs","sources":["../../../../../../../packages/components/button/src/button.ts"],"sourcesContent":["import { useFormItemProps } from '@element-ps/hooks'\nimport { buildProps, definePropType } from '@element-ps/utils/props'\nimport type { ExtractPropTypes, Component } from 'vue'\n\nexport const buttonType = [\n  'default',\n  'primary',\n  'success',\n  'warning',\n  'info',\n  'danger',\n  'text',\n  '',\n] as const\nexport const buttonSize = ['', 'large', 'medium', 'small', 'mini'] as const\nexport const buttonNativeType = ['button', 'submit', 'reset'] as const\n\nexport const buttonProps = buildProps({\n  ...useFormItemProps,\n  type: {\n    type: String,\n    values: buttonType,\n    default: '',\n  },\n  icon: {\n    type: definePropType<string | Component>([String, Object]),\n    default: '',\n  },\n  nativeType: {\n    type: String,\n    values: buttonNativeType,\n    default: 'button',\n  },\n  loading: Boolean,\n  plain: Boolean,\n  autofocus: Boolean,\n  round: Boolean,\n  circle: Boolean,\n  autoInsertSpace: {\n    type: Boolean,\n  },\n} as const)\n\nexport interface ButtonConfigContext {\n  autoInsertSpace?: boolean\n}\n\nexport const buttonEmits = {\n  click: (evt: MouseEvent) => evt instanceof MouseEvent,\n}\n\nexport type ButtonProps = ExtractPropTypes<typeof buttonProps>\nexport type ButtonEmits = typeof buttonEmits\n\nexport type ButtonType = ButtonProps['type']\nexport type ButtonNativeType = ButtonProps['nativeType']\n"],"names":[],"mappings":";;;;MAIa,aAAa;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;MAEW,aAAa,CAAC,IAAI,SAAS,UAAU,SAAS;MAC9C,mBAAmB,CAAC,UAAU,UAAU;MAExC,cAAc,WAAW;AAAA,KACjC;AAAA,EACH,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA;AAAA,EAEX,MAAM;AAAA,IACJ,MAAM,eAAmC,CAAC,QAAQ;AAAA,IAClD,SAAS;AAAA;AAAA,EAEX,YAAY;AAAA,IACV,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA;AAAA,EAEX,SAAS;AAAA,EACT,OAAO;AAAA,EACP,WAAW;AAAA,EACX,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,iBAAiB;AAAA,IACf,MAAM;AAAA;AAAA;MAQG,cAAc;AAAA,EACzB,OAAO,CAAC,QAAoB,eAAe;AAAA;;;;"}

package/es/packages/components/calendar/index.mjs

@@ -0,0 +1,11 @@
+import './src/index.mjs';
+import script from './src/index.vue_vue&type=script&lang.mjs';
+
+script.install = (app) => {
+  app.component(script.name, script);
+};
+const _Calendar = script;
+const PsCalendar = _Calendar;
+
+export { PsCalendar, _Calendar as default };
+//# sourceMappingURL=index.mjs.map

package/es/packages/components/calendar/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../../packages/components/calendar/index.ts"],"sourcesContent":["import Calendar from './src/index.vue'\nimport type { App } from 'vue'\nimport type { SFCWithInstall } from '@element-ps/utils/types'\n\nCalendar.install = (app: App): void => {\n  app.component(Calendar.name, Calendar)\n}\n\nconst _Calendar = Calendar as SFCWithInstall<typeof Calendar>\n\nexport default _Calendar\nexport const PsCalendar = _Calendar\n"],"names":["Calendar"],"mappings":";;;AAIAA,OAAS,UAAU,CAAC,QAAmB;AACrC,MAAI,UAAUA,OAAS,MAAMA;AAAA;MAGzB,YAAYA;MAGL,aAAa;;;;"}

package/es/packages/components/calendar/src/date-table.mjs

@@ -0,0 +1,7 @@
+import script from './date-table.vue_vue&type=script&lang.mjs';
+export { default, getMonthDays, getPrevMonthLastDays } from './date-table.vue_vue&type=script&lang.mjs';
+import { render } from './date-table.vue_vue&type=template&id=297fdb36&lang.mjs';
+
+script.render = render;
+script.__file = "packages/components/calendar/src/date-table.vue";
+//# sourceMappingURL=date-table.mjs.map

package/es/packages/components/calendar/src/date-table.mjs.map

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

package/es/packages/components/calendar/src/date-table.vue_vue&type=script&lang.mjs

@@ -0,0 +1,133 @@
+import { defineComponent, ref, computed } from 'vue';
+import dayjs from 'dayjs';
+import localeData from 'dayjs/plugin/localeData';
+import '../../../hooks/index.mjs';
+import '../../time-picker/index.mjs';
+import { rangeArr } from '../../time-picker/src/common/date-utils.mjs';
+import { useLocaleInject } from '../../../hooks/use-locale/index.mjs';
+
+dayjs.extend(localeData);
+const getPrevMonthLastDays = (date, amount) => {
+  const lastDay = date.subtract(1, "month").endOf("month").date();
+  return rangeArr(amount).map((_, index) => lastDay - (amount - index - 1));
+};
+const getMonthDays = (date) => {
+  const days = date.daysInMonth();
+  return rangeArr(days).map((_, index) => index + 1);
+};
+var script = defineComponent({
+  props: {
+    selectedDay: {
+      type: Object
+    },
+    range: {
+      type: Array
+    },
+    date: {
+      type: Object
+    },
+    hideHeader: {
+      type: Boolean
+    }
+  },
+  setup(props) {
+    const { lang } = useLocaleInject();
+    const WEEK_DAYS = ref(dayjs().locale(lang.value).localeData().weekdaysShort());
+    const now = dayjs().locale(lang.value);
+    const firstDayOfWeek = now.$locale().weekStart || 0;
+    const toNestedArr = (days) => {
+      return rangeArr(days.length / 7).map((_, index) => {
+        const start = index * 7;
+        return days.slice(start, start + 7);
+      });
+    };
+    const getFormattedDate = (day, type) => {
+      let result;
+      if (type === "prev") {
+        result = props.date.startOf("month").subtract(1, "month").date(day);
+      } else if (type === "next") {
+        result = props.date.startOf("month").add(1, "month").date(day);
+      } else {
+        result = props.date.date(day);
+      }
+      return result;
+    };
+    const getCellClass = ({ text, type }) => {
+      const classes = [type];
+      if (type === "current") {
+        const date_ = getFormattedDate(text, type);
+        if (date_.isSame(props.selectedDay, "day")) {
+          classes.push("is-selected");
+        }
+        if (date_.isSame(now, "day")) {
+          classes.push("is-today");
+        }
+      }
+      return classes;
+    };
+    const getSlotData = ({ text, type }) => {
+      const day = getFormattedDate(text, type);
+      return {
+        isSelected: day.isSame(props.selectedDay),
+        type: `${type}-month`,
+        day: day.format("YYYY-MM-DD"),
+        date: day.toDate()
+      };
+    };
+    const isInRange = computed(() => {
+      return props.range && props.range.length;
+    });
+    const rows = computed(() => {
+      let days = [];
+      if (isInRange.value) {
+        const [start, end] = props.range;
+        const currentMonthRange = rangeArr(end.date() - start.date() + 1).map((_, index) => ({
+          text: start.date() + index,
+          type: "current"
+        }));
+        let remaining = currentMonthRange.length % 7;
+        remaining = remaining === 0 ? 0 : 7 - remaining;
+        const nextMonthRange = rangeArr(remaining).map((_, index) => ({
+          text: index + 1,
+          type: "next"
+        }));
+        days = currentMonthRange.concat(nextMonthRange);
+      } else {
+        const firstDay = props.date.startOf("month").day() || 7;
+        const prevMonthDays = getPrevMonthLastDays(props.date, firstDay - firstDayOfWeek).map((day) => ({
+          text: day,
+          type: "prev"
+        }));
+        const currentMonthDays = getMonthDays(props.date).map((day) => ({
+          text: day,
+          type: "current"
+        }));
+        days = [...prevMonthDays, ...currentMonthDays];
+        const nextMonthDays = rangeArr(42 - days.length).map((_, index) => ({
+          text: index + 1,
+          type: "next"
+        }));
+        days = days.concat(nextMonthDays);
+      }
+      return toNestedArr(days);
+    });
+    const weekDays = computed(() => {
+      const start = firstDayOfWeek;
+      if (start === 0) {
+        return WEEK_DAYS.value;
+      } else {
+        return WEEK_DAYS.value.slice(start).concat(WEEK_DAYS.value.slice(0, start));
+      }
+    });
+    return {
+      isInRange,
+      weekDays,
+      rows,
+      getCellClass,
+      getSlotData
+    };
+  }
+});
+
+export { script as default, getMonthDays, getPrevMonthLastDays };
+//# sourceMappingURL=date-table.vue_vue&type=script&lang.mjs.map

package/es/packages/components/calendar/src/date-table.vue_vue&type=script&lang.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-table.vue_vue&type=script&lang.mjs","sources":["../../../../../../../packages/components/calendar/src/date-table.vue"],"sourcesContent":["<template>\n  <table\n    :class=\"{\n      'el-calendar-table': true,\n      'is-range': isInRange,\n    }\"\n    cellspacing=\"0\"\n    cellpadding=\"0\"\n  >\n    <thead v-if=\"!hideHeader\">\n      <th v-for=\"day in weekDays\" :key=\"day\">{{ day }}</th>\n    </thead>\n    <tbody>\n      <tr\n        v-for=\"(row, index) in rows\"\n        :key=\"index\"\n        :class=\"{\n          'el-calendar-table__row': true,\n          'el-calendar-table__row--hide-border': index === 0 && hideHeader,\n        }\"\n      >\n        <td\n          v-for=\"(cell, key) in row\"\n          :key=\"key\"\n          :class=\"getCellClass(cell)\"\n        >\n          <div class=\"el-calendar-day\">\n            <slot name=\"dateCell\" :data=\"getSlotData(cell)\">\n              <span>{{ cell.text }}</span>\n            </slot>\n          </div>\n        </td>\n      </tr>\n    </tbody>\n  </table>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, ref } from 'vue'\nimport dayjs from 'dayjs'\nimport localeData from 'dayjs/plugin/localeData'\nimport { useLocaleInject } from '@element-ps/hooks'\nimport { rangeArr } from '@element-ps/components/time-picker'\nimport type { Dayjs } from 'dayjs'\nimport type { PropType } from 'vue'\ndayjs.extend(localeData)\n\nexport const getPrevMonthLastDays = (date: Dayjs, amount) => {\n  const lastDay = date.subtract(1, 'month').endOf('month').date()\n  return rangeArr(amount).map((_, index) => lastDay - (amount - index - 1))\n}\n\nexport const getMonthDays = (date: Dayjs) => {\n  const days = date.daysInMonth()\n  return rangeArr(days).map((_, index) => index + 1)\n}\n\nexport default defineComponent({\n  props: {\n    selectedDay: {\n      type: Object as PropType<Dayjs>,\n    },\n    range: {\n      type: Array as PropType<Array<Dayjs>>,\n    },\n    date: {\n      type: Object as PropType<Dayjs>,\n    },\n    hideHeader: {\n      type: Boolean,\n    },\n  },\n  setup(props) {\n    const { lang } = useLocaleInject()\n    const WEEK_DAYS = ref(\n      dayjs().locale(lang.value).localeData().weekdaysShort()\n    )\n\n    const now = dayjs().locale(lang.value)\n\n    // todo better way to get Day.js locale object\n    const firstDayOfWeek = (now as any).$locale().weekStart || 0\n\n    const toNestedArr = (days) => {\n      return rangeArr(days.length / 7).map((_, index) => {\n        const start = index * 7\n        return days.slice(start, start + 7)\n      })\n    }\n\n    const getFormattedDate = (day, type): Dayjs => {\n      let result\n      if (type === 'prev') {\n        result = props.date.startOf('month').subtract(1, 'month').date(day)\n      } else if (type === 'next') {\n        result = props.date.startOf('month').add(1, 'month').date(day)\n      } else {\n        result = props.date.date(day)\n      }\n      return result\n    }\n\n    const getCellClass = ({ text, type }) => {\n      const classes = [type]\n      if (type === 'current') {\n        const date_ = getFormattedDate(text, type)\n        if (date_.isSame(props.selectedDay, 'day')) {\n          classes.push('is-selected')\n        }\n        if (date_.isSame(now, 'day')) {\n          classes.push('is-today')\n        }\n      }\n      return classes\n    }\n\n    const getSlotData = ({ text, type }) => {\n      const day = getFormattedDate(text, type)\n      return {\n        isSelected: day.isSame(props.selectedDay),\n        type: `${type}-month`,\n        day: day.format('YYYY-MM-DD'),\n        date: day.toDate(),\n      }\n    }\n\n    const isInRange = computed(() => {\n      return props.range && props.range.length\n    })\n\n    const rows = computed(() => {\n      let days = []\n      if (isInRange.value) {\n        const [start, end] = props.range\n        const currentMonthRange = rangeArr(end.date() - start.date() + 1).map(\n          (_, index) => ({\n            text: start.date() + index,\n            type: 'current',\n          })\n        )\n\n        let remaining = currentMonthRange.length % 7\n        remaining = remaining === 0 ? 0 : 7 - remaining\n        const nextMonthRange = rangeArr(remaining).map((_, index) => ({\n          text: index + 1,\n          type: 'next',\n        }))\n        days = currentMonthRange.concat(nextMonthRange)\n      } else {\n        const firstDay = props.date.startOf('month').day() || 7\n        const prevMonthDays = getPrevMonthLastDays(\n          props.date,\n          firstDay - firstDayOfWeek\n        ).map((day) => ({\n          text: day,\n          type: 'prev',\n        }))\n        const currentMonthDays = getMonthDays(props.date).map((day) => ({\n          text: day,\n          type: 'current',\n        }))\n        days = [...prevMonthDays, ...currentMonthDays]\n        const nextMonthDays = rangeArr(42 - days.length).map((_, index) => ({\n          text: index + 1,\n          type: 'next',\n        }))\n        days = days.concat(nextMonthDays)\n      }\n      return toNestedArr(days)\n    })\n\n    const weekDays = computed(() => {\n      const start = firstDayOfWeek\n\n      if (start === 0) {\n        return WEEK_DAYS.value\n      } else {\n        return WEEK_DAYS.value\n          .slice(start)\n          .concat(WEEK_DAYS.value.slice(0, start))\n      }\n    })\n\n    return {\n      isInRange,\n      weekDays,\n      rows,\n      getCellClass,\n      getSlotData,\n    }\n  },\n})\n</script>\n"],"names":[],"mappings":"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"}

package/es/packages/components/calendar/src/date-table.vue_vue&type=template&id=297fdb36&lang.mjs

@@ -0,0 +1,49 @@
+import { openBlock, createElementBlock, normalizeClass, Fragment, renderList, toDisplayString, createCommentVNode, createElementVNode, renderSlot } from 'vue';
+
+const _hoisted_1 = { key: 0 };
+const _hoisted_2 = { class: "el-calendar-day" };
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("table", {
+    class: normalizeClass({
+      "el-calendar-table": true,
+      "is-range": _ctx.isInRange
+    }),
+    cellspacing: "0",
+    cellpadding: "0"
+  }, [
+    !_ctx.hideHeader ? (openBlock(), createElementBlock("thead", _hoisted_1, [
+      (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.weekDays, (day) => {
+        return openBlock(), createElementBlock("th", { key: day }, toDisplayString(day), 1);
+      }), 128))
+    ])) : createCommentVNode("v-if", true),
+    createElementVNode("tbody", null, [
+      (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.rows, (row, index) => {
+        return openBlock(), createElementBlock("tr", {
+          key: index,
+          class: normalizeClass({
+            "el-calendar-table__row": true,
+            "el-calendar-table__row--hide-border": index === 0 && _ctx.hideHeader
+          })
+        }, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(row, (cell, key) => {
+            return openBlock(), createElementBlock("td", {
+              key,
+              class: normalizeClass(_ctx.getCellClass(cell))
+            }, [
+              createElementVNode("div", _hoisted_2, [
+                renderSlot(_ctx.$slots, "dateCell", {
+                  data: _ctx.getSlotData(cell)
+                }, () => [
+                  createElementVNode("span", null, toDisplayString(cell.text), 1)
+                ])
+              ])
+            ], 2);
+          }), 128))
+        ], 2);
+      }), 128))
+    ])
+  ], 2);
+}
+
+export { render };
+//# sourceMappingURL=date-table.vue_vue&type=template&id=297fdb36&lang.mjs.map

package/es/packages/components/calendar/src/date-table.vue_vue&type=template&id=297fdb36&lang.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-table.vue_vue&type=template&id=297fdb36&lang.mjs","sources":["../../../../../../../packages/components/calendar/src/date-table.vue?vue&type=template&id=297fdb36&lang.js"],"sourcesContent":["<template>\n  <table\n    :class=\"{\n      'el-calendar-table': true,\n      'is-range': isInRange,\n    }\"\n    cellspacing=\"0\"\n    cellpadding=\"0\"\n  >\n    <thead v-if=\"!hideHeader\">\n      <th v-for=\"day in weekDays\" :key=\"day\">{{ day }}</th>\n    </thead>\n    <tbody>\n      <tr\n        v-for=\"(row, index) in rows\"\n        :key=\"index\"\n        :class=\"{\n          'el-calendar-table__row': true,\n          'el-calendar-table__row--hide-border': index === 0 && hideHeader,\n        }\"\n      >\n        <td\n          v-for=\"(cell, key) in row\"\n          :key=\"key\"\n          :class=\"getCellClass(cell)\"\n        >\n          <div class=\"el-calendar-day\">\n            <slot name=\"dateCell\" :data=\"getSlotData(cell)\">\n              <span>{{ cell.text }}</span>\n            </slot>\n          </div>\n        </td>\n      </tr>\n    </tbody>\n  </table>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, ref } from 'vue'\nimport dayjs from 'dayjs'\nimport localeData from 'dayjs/plugin/localeData'\nimport { useLocaleInject } from '@element-ps/hooks'\nimport { rangeArr } from '@element-ps/components/time-picker'\nimport type { Dayjs } from 'dayjs'\nimport type { PropType } from 'vue'\ndayjs.extend(localeData)\n\nexport const getPrevMonthLastDays = (date: Dayjs, amount) => {\n  const lastDay = date.subtract(1, 'month').endOf('month').date()\n  return rangeArr(amount).map((_, index) => lastDay - (amount - index - 1))\n}\n\nexport const getMonthDays = (date: Dayjs) => {\n  const days = date.daysInMonth()\n  return rangeArr(days).map((_, index) => index + 1)\n}\n\nexport default defineComponent({\n  props: {\n    selectedDay: {\n      type: Object as PropType<Dayjs>,\n    },\n    range: {\n      type: Array as PropType<Array<Dayjs>>,\n    },\n    date: {\n      type: Object as PropType<Dayjs>,\n    },\n    hideHeader: {\n      type: Boolean,\n    },\n  },\n  setup(props) {\n    const { lang } = useLocaleInject()\n    const WEEK_DAYS = ref(\n      dayjs().locale(lang.value).localeData().weekdaysShort()\n    )\n\n    const now = dayjs().locale(lang.value)\n\n    // todo better way to get Day.js locale object\n    const firstDayOfWeek = (now as any).$locale().weekStart || 0\n\n    const toNestedArr = (days) => {\n      return rangeArr(days.length / 7).map((_, index) => {\n        const start = index * 7\n        return days.slice(start, start + 7)\n      })\n    }\n\n    const getFormattedDate = (day, type): Dayjs => {\n      let result\n      if (type === 'prev') {\n        result = props.date.startOf('month').subtract(1, 'month').date(day)\n      } else if (type === 'next') {\n        result = props.date.startOf('month').add(1, 'month').date(day)\n      } else {\n        result = props.date.date(day)\n      }\n      return result\n    }\n\n    const getCellClass = ({ text, type }) => {\n      const classes = [type]\n      if (type === 'current') {\n        const date_ = getFormattedDate(text, type)\n        if (date_.isSame(props.selectedDay, 'day')) {\n          classes.push('is-selected')\n        }\n        if (date_.isSame(now, 'day')) {\n          classes.push('is-today')\n        }\n      }\n      return classes\n    }\n\n    const getSlotData = ({ text, type }) => {\n      const day = getFormattedDate(text, type)\n      return {\n        isSelected: day.isSame(props.selectedDay),\n        type: `${type}-month`,\n        day: day.format('YYYY-MM-DD'),\n        date: day.toDate(),\n      }\n    }\n\n    const isInRange = computed(() => {\n      return props.range && props.range.length\n    })\n\n    const rows = computed(() => {\n      let days = []\n      if (isInRange.value) {\n        const [start, end] = props.range\n        const currentMonthRange = rangeArr(end.date() - start.date() + 1).map(\n          (_, index) => ({\n            text: start.date() + index,\n            type: 'current',\n          })\n        )\n\n        let remaining = currentMonthRange.length % 7\n        remaining = remaining === 0 ? 0 : 7 - remaining\n        const nextMonthRange = rangeArr(remaining).map((_, index) => ({\n          text: index + 1,\n          type: 'next',\n        }))\n        days = currentMonthRange.concat(nextMonthRange)\n      } else {\n        const firstDay = props.date.startOf('month').day() || 7\n        const prevMonthDays = getPrevMonthLastDays(\n          props.date,\n          firstDay - firstDayOfWeek\n        ).map((day) => ({\n          text: day,\n          type: 'prev',\n        }))\n        const currentMonthDays = getMonthDays(props.date).map((day) => ({\n          text: day,\n          type: 'current',\n        }))\n        days = [...prevMonthDays, ...currentMonthDays]\n        const nextMonthDays = rangeArr(42 - days.length).map((_, index) => ({\n          text: index + 1,\n          type: 'next',\n        }))\n        days = days.concat(nextMonthDays)\n      }\n      return toNestedArr(days)\n    })\n\n    const weekDays = computed(() => {\n      const start = firstDayOfWeek\n\n      if (start === 0) {\n        return WEEK_DAYS.value\n      } else {\n        return WEEK_DAYS.value\n          .slice(start)\n          .concat(WEEK_DAYS.value.slice(0, start))\n      }\n    })\n\n    return {\n      isInRange,\n      weekDays,\n      rows,\n      getCellClass,\n      getSlotData,\n    }\n  },\n})\n</script>\n"],"names":["_createElementBlock","_createElementVNode","_renderSlot"],"mappings":";;;qBA0Be,OAAM;;sBAzBnBA;IACG;;;;IAID,aAAY;AAAA,IACZ,aAAY;AAAA;KAEE,gCAAdA;wBACEA,8CAAkB,gBAAP;4BAAXA,2BAA6B,KAAK,uBAAQ;;;IAE5CC;wBACED,8CACyB,YAAf,KAAK;4BADfA;UAEG,KAAK;AAAA,UACL;;;;;4BAKDA,8CACwB,MAAd,MAAM;gCADhBA;cAEG;AAAA,cACA,sBAAO,kBAAa;AAAA;cAErBC,0BAAA;gBACEC;kBAAuB,MAAM,iBAAY;AAAA,mBAAzC;kBACED,iDAAS,KAAK;;;;;;;;;;;;;"}

package/es/packages/components/calendar/src/index.mjs

@@ -0,0 +1,7 @@
+import script from './index.vue_vue&type=script&lang.mjs';
+export { default } from './index.vue_vue&type=script&lang.mjs';
+import { render } from './index.vue_vue&type=template&id=819aa44a&lang.mjs';
+
+script.render = render;
+script.__file = "packages/components/calendar/src/index.vue";
+//# sourceMappingURL=index.mjs.map

package/es/packages/components/calendar/src/index.mjs.map

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