element-plus 1.2.0-beta.5 → 1.2.0-beta.6

package/es/components/loading/src/loading.type.d.ts

@@ -1,44 +0,0 @@
-import type { Ref, VNode } from 'vue';
-export declare type ILoadingOptions = {
-    parent?: ILoadingParentElement;
-    background?: string;
-    svg?: string;
-    svgViewBox?: string;
-    spinner?: boolean | string;
-    text?: string;
-    fullscreen?: boolean;
-    body?: boolean;
-    lock?: boolean;
-    customClass?: string;
-    visible?: boolean;
-    target?: string | HTMLElement;
-};
-export declare type ILoadingInstance = {
-    parent?: Ref<ILoadingParentElement>;
-    background?: Ref<string>;
-    spinner?: Ref<boolean | string>;
-    text?: Ref<string>;
-    fullscreen?: Ref<boolean>;
-    body?: Ref<boolean>;
-    lock?: Ref<boolean>;
-    customClass?: Ref<string>;
-    visible?: Ref<boolean>;
-    target?: Ref<string | HTMLElement>;
-    originalPosition?: Ref<string>;
-    originalOverflow?: Ref<string>;
-    setText: (text: string) => void;
-    close: () => void;
-    handleAfterLeave: () => void;
-    vm: VNode;
-    $el: HTMLElement;
-};
-export declare type ILoadingGlobalConfig = {
-    fullscreenLoading: ILoadingInstance;
-};
-export declare type ILoadingCreateComponentParams = {
-    options: ILoadingOptions;
-    globalLoadingOption: ILoadingGlobalConfig;
-};
-export interface ILoadingParentElement extends HTMLElement {
-    vLoadingAddClassList?: () => void;
-}

package/es/components/loading/src/loading.type.mjs

@@ -1,2 +0,0 @@
-
-//# sourceMappingURL=loading.type.mjs.map

package/es/components/loading/src/loading.type.mjs.map

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

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

@@ -1,7 +0,0 @@
-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_556e268a_lang.mjs';
-
-script.render = render;
-script.__file = "packages/components/progress/src/index.vue";
-//# sourceMappingURL=index.mjs.map

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

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

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

@@ -1,2 +0,0 @@
-declare const _default: import("vue").DefineComponent<unknown, object, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<unknown>, {}>;
-export default _default;

package/es/components/progress/src/index.vue_vue_type_script_lang.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.vue_vue_type_script_lang.mjs","sources":["../../../../../../packages/components/progress/src/index.vue"],"sourcesContent":["<template>\n  <div\n    class=\"el-progress\"\n    :class=\"[\n      `el-progress--${type}`,\n      status ? `is-${status}` : '',\n      {\n        'el-progress--without-text': !showText,\n        'el-progress--text-inside': textInside,\n      },\n    ]\"\n    role=\"progressbar\"\n    :aria-valuenow=\"percentage\"\n    aria-valuemin=\"0\"\n    aria-valuemax=\"100\"\n  >\n    <div v-if=\"type === 'line'\" class=\"el-progress-bar\">\n      <div\n        class=\"el-progress-bar__outer\"\n        :style=\"{ height: `${strokeWidth}px` }\"\n      >\n        <div\n          :class=\"[\n            'el-progress-bar__inner',\n            { 'el-progress-bar__inner--indeterminate': indeterminate },\n          ]\"\n          :style=\"barStyle\"\n        >\n          <div\n            v-if=\"(showText || $slots.default) && textInside\"\n            class=\"el-progress-bar__innerText\"\n          >\n            <slot v-bind=\"slotData\">\n              <span>{{ content }}</span>\n            </slot>\n          </div>\n        </div>\n      </div>\n    </div>\n    <div\n      v-else\n      class=\"el-progress-circle\"\n      :style=\"{ height: `${width}px`, width: `${width}px` }\"\n    >\n      <svg viewBox=\"0 0 100 100\">\n        <path\n          class=\"el-progress-circle__track\"\n          :d=\"trackPath\"\n          stroke=\"#e5e9f2\"\n          :stroke-width=\"relativeStrokeWidth\"\n          fill=\"none\"\n          :style=\"trailPathStyle\"\n        />\n        <path\n          class=\"el-progress-circle__path\"\n          :d=\"trackPath\"\n          :stroke=\"stroke\"\n          fill=\"none\"\n          :stroke-linecap=\"strokeLinecap\"\n          :stroke-width=\"percentage ? relativeStrokeWidth : 0\"\n          :style=\"circlePathStyle\"\n        />\n      </svg>\n    </div>\n    <div\n      v-if=\"(showText || $slots.default) && !textInside\"\n      class=\"el-progress__text\"\n      :style=\"{ fontSize: `${progressTextSize}px` }\"\n    >\n      <slot v-bind=\"slotData\">\n        <span v-if=\"!status\">{{ content }}</span>\n        <el-icon v-else><component :is=\"statusIcon\" /></el-icon>\n      </slot>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent } from 'vue'\nimport { ElIcon } from '@element-plus/components/icon'\nimport {\n  WarningFilled,\n  CircleCheck,\n  CircleClose,\n  Check,\n  Close,\n} from '@element-plus/icons'\n\nimport type { PropType, SVGAttributes } from 'vue'\n\ntype ProgressFuncType = (percentage: number) => string\n\ninterface IProgressProps {\n  type: string\n  percentage: number\n  status: string\n  indeterminate: boolean\n  duration: number\n  strokeWidth: number\n  strokeLinecap: NonNullable<SVGAttributes['stroke-linecap']>\n  textInside: boolean\n  width: number\n  showText: boolean\n  color:\n    | string\n    | Array<string | { color: string; percentage: number }>\n    | ProgressFuncType\n  format: ProgressFuncType\n}\n\nexport default defineComponent({\n  name: 'ElProgress',\n  components: {\n    ElIcon,\n    CircleCheck,\n    CircleClose,\n    Check,\n    Close,\n    WarningFilled,\n  },\n  props: {\n    type: {\n      type: String,\n      default: 'line',\n      validator: (val: string): boolean =>\n        ['line', 'circle', 'dashboard'].indexOf(val) > -1,\n    },\n    percentage: {\n      type: Number,\n      default: 0,\n      validator: (val: number): boolean => val >= 0 && val <= 100,\n    },\n    status: {\n      type: String,\n      default: '',\n      validator: (val: string): boolean =>\n        ['', 'success', 'exception', 'warning'].indexOf(val) > -1,\n    },\n    indeterminate: {\n      type: Boolean,\n      default: false,\n    },\n    duration: {\n      type: Number,\n      default: 3,\n    },\n    strokeWidth: {\n      type: Number,\n      default: 6,\n    },\n    strokeLinecap: {\n      type: String as PropType<IProgressProps['strokeLinecap']>,\n      default: 'round' as IProgressProps['strokeLinecap'],\n    },\n    textInside: {\n      type: Boolean,\n      default: false,\n    },\n    width: {\n      type: Number,\n      default: 126,\n    },\n    showText: {\n      type: Boolean,\n      default: true,\n    },\n    color: {\n      type: [String, Array, Function],\n      default: '',\n    },\n    format: {\n      type: Function,\n      default: (percentage: number): string => `${percentage}%`,\n    },\n  },\n  setup(props: IProgressProps) {\n    const barStyle = computed(() => {\n      return {\n        width: `${props.percentage}%`,\n        animationDuration: `${props.duration}s`,\n        backgroundColor: getCurrentColor(props.percentage),\n      }\n    })\n\n    const relativeStrokeWidth = computed(() => {\n      return ((props.strokeWidth / props.width) * 100).toFixed(1)\n    })\n\n    const radius = computed(() => {\n      if (props.type === 'circle' || props.type === 'dashboard') {\n        return parseInt(`${50 - parseFloat(relativeStrokeWidth.value) / 2}`, 10)\n      } else {\n        return 0\n      }\n    })\n\n    const trackPath = computed(() => {\n      const r = radius.value\n      const isDashboard = props.type === 'dashboard'\n      return `\n          M 50 50\n          m 0 ${isDashboard ? '' : '-'}${r}\n          a ${r} ${r} 0 1 1 0 ${isDashboard ? '-' : ''}${r * 2}\n          a ${r} ${r} 0 1 1 0 ${isDashboard ? '' : '-'}${r * 2}\n          `\n    })\n\n    const perimeter = computed(() => {\n      return 2 * Math.PI * radius.value\n    })\n\n    const rate = computed(() => {\n      return props.type === 'dashboard' ? 0.75 : 1\n    })\n\n    const strokeDashoffset = computed(() => {\n      const offset = (-1 * perimeter.value * (1 - rate.value)) / 2\n      return `${offset}px`\n    })\n\n    const trailPathStyle = computed(() => {\n      return {\n        strokeDasharray: `${perimeter.value * rate.value}px, ${\n          perimeter.value\n        }px`,\n        strokeDashoffset: strokeDashoffset.value,\n      }\n    })\n\n    const circlePathStyle = computed(() => {\n      return {\n        strokeDasharray: `${\n          perimeter.value * rate.value * (props.percentage / 100)\n        }px, ${perimeter.value}px`,\n        strokeDashoffset: strokeDashoffset.value,\n        transition: 'stroke-dasharray 0.6s ease 0s, stroke 0.6s ease',\n      }\n    })\n\n    const stroke = computed(() => {\n      let ret\n      if (props.color) {\n        ret = getCurrentColor(props.percentage)\n      } else {\n        switch (props.status) {\n          case 'success':\n            ret = '#13ce66'\n            break\n          case 'exception':\n            ret = '#ff4949'\n            break\n          case 'warning':\n            ret = '#e6a23c'\n            break\n          default:\n            ret = '#20a0ff'\n        }\n      }\n      return ret\n    })\n\n    const statusIcon = computed(() => {\n      if (props.status === 'warning') {\n        return WarningFilled\n      }\n      if (props.type === 'line') {\n        return props.status === 'success' ? CircleCheck : CircleClose\n      } else {\n        return props.status === 'success' ? Check : Close\n      }\n    })\n\n    const progressTextSize = computed(() => {\n      return props.type === 'line'\n        ? 12 + props.strokeWidth * 0.4\n        : props.width * 0.111111 + 2\n    })\n\n    const content = computed(() => {\n      return props.format(props.percentage)\n    })\n\n    const getCurrentColor = (percentage) => {\n      const { color } = props\n      if (typeof color === 'function') {\n        return color(percentage)\n      } else if (typeof color === 'string') {\n        return color\n      } else {\n        const span = 100 / color.length\n        const seriesColors = color.map((seriesColor, index) => {\n          if (typeof seriesColor === 'string') {\n            return {\n              color: seriesColor,\n              percentage: (index + 1) * span,\n            }\n          }\n          return seriesColor\n        })\n        const colorArray = seriesColors.sort(\n          (a, b) => a.percentage - b.percentage\n        )\n\n        for (let i = 0; i < colorArray.length; i++) {\n          if (colorArray[i].percentage > percentage) {\n            return colorArray[i].color\n          }\n        }\n        return colorArray[colorArray.length - 1]?.color\n      }\n    }\n\n    const slotData = computed(() => {\n      return {\n        percentage: props.percentage,\n      }\n    })\n\n    return {\n      barStyle,\n      relativeStrokeWidth,\n      radius,\n      trackPath,\n      perimeter,\n      rate,\n      strokeDashoffset,\n      trailPathStyle,\n      circlePathStyle,\n      stroke,\n      statusIcon,\n      progressTextSize,\n      content,\n      getCurrentColor,\n      slotData,\n    }\n  },\n})\n</script>\n"],"names":[],"mappings":";;;;AA8GA,aAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA,EAEF,OAAO;AAAA,IACL,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA,MACT,WAAW,CAAC,QACV,CAAC,QAAQ,UAAU,aAAa,QAAQ,OAAO;AAAA;AAAA,IAEnD,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SAAS;AAAA,MACT,WAAW,CAAC,QAAyB,OAAO,KAAK,OAAO;AAAA;AAAA,IAE1D,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA,MACT,WAAW,CAAC,QACV,CAAC,IAAI,WAAW,aAAa,WAAW,QAAQ,OAAO;AAAA;AAAA,IAE3D,eAAe;AAAA,MACb,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,aAAa;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,eAAe;AAAA,MACb,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,OAAO;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,OAAO;AAAA,MACL,MAAM,CAAC,QAAQ,OAAO;AAAA,MACtB,SAAS;AAAA;AAAA,IAEX,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,SAAS,CAAC,eAA+B,GAAG;AAAA;AAAA;AAAA,EAGhD,MAAM,OAAuB;AAC3B,UAAM,WAAW,SAAS,MAAM;AAC9B,aAAO;AAAA,QACL,OAAO,GAAG,MAAM;AAAA,QAChB,mBAAmB,GAAG,MAAM;AAAA,QAC5B,iBAAiB,gBAAgB,MAAM;AAAA;AAAA;AAI3C,UAAM,sBAAsB,SAAS,MAAM;AACzC,aAAS,OAAM,cAAc,MAAM,QAAS,KAAK,QAAQ;AAAA;AAG3D,UAAM,SAAS,SAAS,MAAM;AAC5B,UAAI,MAAM,SAAS,YAAY,MAAM,SAAS,aAAa;AACzD,eAAO,SAAS,GAAG,KAAK,WAAW,oBAAoB,SAAS,KAAK;AAAA,aAChE;AACL,eAAO;AAAA;AAAA;AAIX,UAAM,YAAY,SAAS,MAAM;AAC/B,YAAM,IAAI,OAAO;AACjB,YAAM,cAAc,MAAM,SAAS;AACnC,aAAO;AAAA;AAAA,gBAEG,cAAc,KAAK,MAAM;AAAA,cAC3B,KAAK,aAAa,cAAc,MAAM,KAAK,IAAI;AAAA,cAC/C,KAAK,aAAa,cAAc,KAAK,MAAM,IAAI;AAAA;AAAA;AAIzD,UAAM,YAAY,SAAS,MAAM;AAC/B,aAAO,IAAI,KAAK,KAAK,OAAO;AAAA;AAG9B,UAAM,OAAO,SAAS,MAAM;AAC1B,aAAO,MAAM,SAAS,cAAc,OAAO;AAAA;AAG7C,UAAM,mBAAmB,SAAS,MAAM;AACtC,YAAM,SAAU,KAAK,UAAU,aAAa,KAAK,SAAU;AAC3D,aAAO,GAAG;AAAA;AAGZ,UAAM,iBAAiB,SAAS,MAAM;AACpC,aAAO;AAAA,QACL,iBAAiB,GAAG,UAAU,QAAQ,KAAK,YACzC,UAAU;AAAA,QAEZ,kBAAkB,iBAAiB;AAAA;AAAA;AAIvC,UAAM,kBAAkB,SAAS,MAAM;AACrC,aAAO;AAAA,QACL,iBAAiB,GACf,UAAU,QAAQ,KAAK,eAAe,aAAa,WAC9C,UAAU;AAAA,QACjB,kBAAkB,iBAAiB;AAAA,QACnC,YAAY;AAAA;AAAA;AAIhB,UAAM,SAAS,SAAS,MAAM;AAC5B,UAAI;AACJ,UAAI,MAAM,OAAO;AACf,cAAM,gBAAgB,MAAM;AAAA,aACvB;AACL,gBAAQ,MAAM;AAAA,eACP;AACH,kBAAM;AACN;AAAA,eACG;AACH,kBAAM;AACN;AAAA,eACG;AACH,kBAAM;AACN;AAAA;AAEA,kBAAM;AAAA;AAAA;AAGZ,aAAO;AAAA;AAGT,UAAM,aAAa,SAAS,MAAM;AAChC,UAAI,MAAM,WAAW,WAAW;AAC9B,eAAO;AAAA;AAET,UAAI,MAAM,SAAS,QAAQ;AACzB,eAAO,MAAM,WAAW,YAAY,cAAc;AAAA,aAC7C;AACL,eAAO,MAAM,WAAW,YAAY,QAAQ;AAAA;AAAA;AAIhD,UAAM,mBAAmB,SAAS,MAAM;AACtC,aAAO,MAAM,SAAS,SAClB,KAAK,MAAM,cAAc,MACzB,MAAM,QAAQ,WAAW;AAAA;AAG/B,UAAM,UAAU,SAAS,MAAM;AAC7B,aAAO,MAAM,OAAO,MAAM;AAAA;AAG5B,UAAM,kBAAkB,CAAC,eAAe;;AACtC,YAAM,EAAE,UAAU;AAClB,UAAI,OAAO,UAAU,YAAY;AAC/B,eAAO,MAAM;AAAA,iBACJ,OAAO,UAAU,UAAU;AACpC,eAAO;AAAA,aACF;AACL,cAAM,OAAO,MAAM,MAAM;AACzB,cAAM,eAAe,MAAM,IAAI,CAAC,aAAa,UAAU;AACrD,cAAI,OAAO,gBAAgB,UAAU;AACnC,mBAAO;AAAA,cACL,OAAO;AAAA,cACP,YAAa,SAAQ,KAAK;AAAA;AAAA;AAG9B,iBAAO;AAAA;AAET,cAAM,aAAa,aAAa,KAC9B,CAAC,GAAG,MAAM,EAAE,aAAa,EAAE;AAG7B,iBAAS,IAAI,GAAG,IAAI,WAAW,QAAQ,KAAK;AAC1C,cAAI,WAAW,GAAG,aAAa,YAAY;AACzC,mBAAO,WAAW,GAAG;AAAA;AAAA;AAGzB,eAAO,iBAAW,WAAW,SAAS,OAA/B,mBAAmC;AAAA;AAAA;AAI9C,UAAM,WAAW,SAAS,MAAM;AAC9B,aAAO;AAAA,QACL,YAAY,MAAM;AAAA;AAAA;AAItB,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA;AAAA;;;;"}

package/es/components/progress/src/index.vue_vue_type_template_id_556e268a_lang.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.vue_vue_type_template_id_556e268a_lang.mjs","sources":["../../../../../../packages/components/progress/src/index.vue?vue&type=template&id=556e268a&lang.js"],"sourcesContent":["<template>\n  <div\n    class=\"el-progress\"\n    :class=\"[\n      `el-progress--${type}`,\n      status ? `is-${status}` : '',\n      {\n        'el-progress--without-text': !showText,\n        'el-progress--text-inside': textInside,\n      },\n    ]\"\n    role=\"progressbar\"\n    :aria-valuenow=\"percentage\"\n    aria-valuemin=\"0\"\n    aria-valuemax=\"100\"\n  >\n    <div v-if=\"type === 'line'\" class=\"el-progress-bar\">\n      <div\n        class=\"el-progress-bar__outer\"\n        :style=\"{ height: `${strokeWidth}px` }\"\n      >\n        <div\n          :class=\"[\n            'el-progress-bar__inner',\n            { 'el-progress-bar__inner--indeterminate': indeterminate },\n          ]\"\n          :style=\"barStyle\"\n        >\n          <div\n            v-if=\"(showText || $slots.default) && textInside\"\n            class=\"el-progress-bar__innerText\"\n          >\n            <slot v-bind=\"slotData\">\n              <span>{{ content }}</span>\n            </slot>\n          </div>\n        </div>\n      </div>\n    </div>\n    <div\n      v-else\n      class=\"el-progress-circle\"\n      :style=\"{ height: `${width}px`, width: `${width}px` }\"\n    >\n      <svg viewBox=\"0 0 100 100\">\n        <path\n          class=\"el-progress-circle__track\"\n          :d=\"trackPath\"\n          stroke=\"#e5e9f2\"\n          :stroke-width=\"relativeStrokeWidth\"\n          fill=\"none\"\n          :style=\"trailPathStyle\"\n        />\n        <path\n          class=\"el-progress-circle__path\"\n          :d=\"trackPath\"\n          :stroke=\"stroke\"\n          fill=\"none\"\n          :stroke-linecap=\"strokeLinecap\"\n          :stroke-width=\"percentage ? relativeStrokeWidth : 0\"\n          :style=\"circlePathStyle\"\n        />\n      </svg>\n    </div>\n    <div\n      v-if=\"(showText || $slots.default) && !textInside\"\n      class=\"el-progress__text\"\n      :style=\"{ fontSize: `${progressTextSize}px` }\"\n    >\n      <slot v-bind=\"slotData\">\n        <span v-if=\"!status\">{{ content }}</span>\n        <el-icon v-else><component :is=\"statusIcon\" /></el-icon>\n      </slot>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent } from 'vue'\nimport { ElIcon } from '@element-plus/components/icon'\nimport {\n  WarningFilled,\n  CircleCheck,\n  CircleClose,\n  Check,\n  Close,\n} from '@element-plus/icons'\n\nimport type { PropType, SVGAttributes } from 'vue'\n\ntype ProgressFuncType = (percentage: number) => string\n\ninterface IProgressProps {\n  type: string\n  percentage: number\n  status: string\n  indeterminate: boolean\n  duration: number\n  strokeWidth: number\n  strokeLinecap: NonNullable<SVGAttributes['stroke-linecap']>\n  textInside: boolean\n  width: number\n  showText: boolean\n  color:\n    | string\n    | Array<string | { color: string; percentage: number }>\n    | ProgressFuncType\n  format: ProgressFuncType\n}\n\nexport default defineComponent({\n  name: 'ElProgress',\n  components: {\n    ElIcon,\n    CircleCheck,\n    CircleClose,\n    Check,\n    Close,\n    WarningFilled,\n  },\n  props: {\n    type: {\n      type: String,\n      default: 'line',\n      validator: (val: string): boolean =>\n        ['line', 'circle', 'dashboard'].indexOf(val) > -1,\n    },\n    percentage: {\n      type: Number,\n      default: 0,\n      validator: (val: number): boolean => val >= 0 && val <= 100,\n    },\n    status: {\n      type: String,\n      default: '',\n      validator: (val: string): boolean =>\n        ['', 'success', 'exception', 'warning'].indexOf(val) > -1,\n    },\n    indeterminate: {\n      type: Boolean,\n      default: false,\n    },\n    duration: {\n      type: Number,\n      default: 3,\n    },\n    strokeWidth: {\n      type: Number,\n      default: 6,\n    },\n    strokeLinecap: {\n      type: String as PropType<IProgressProps['strokeLinecap']>,\n      default: 'round' as IProgressProps['strokeLinecap'],\n    },\n    textInside: {\n      type: Boolean,\n      default: false,\n    },\n    width: {\n      type: Number,\n      default: 126,\n    },\n    showText: {\n      type: Boolean,\n      default: true,\n    },\n    color: {\n      type: [String, Array, Function],\n      default: '',\n    },\n    format: {\n      type: Function,\n      default: (percentage: number): string => `${percentage}%`,\n    },\n  },\n  setup(props: IProgressProps) {\n    const barStyle = computed(() => {\n      return {\n        width: `${props.percentage}%`,\n        animationDuration: `${props.duration}s`,\n        backgroundColor: getCurrentColor(props.percentage),\n      }\n    })\n\n    const relativeStrokeWidth = computed(() => {\n      return ((props.strokeWidth / props.width) * 100).toFixed(1)\n    })\n\n    const radius = computed(() => {\n      if (props.type === 'circle' || props.type === 'dashboard') {\n        return parseInt(`${50 - parseFloat(relativeStrokeWidth.value) / 2}`, 10)\n      } else {\n        return 0\n      }\n    })\n\n    const trackPath = computed(() => {\n      const r = radius.value\n      const isDashboard = props.type === 'dashboard'\n      return `\n          M 50 50\n          m 0 ${isDashboard ? '' : '-'}${r}\n          a ${r} ${r} 0 1 1 0 ${isDashboard ? '-' : ''}${r * 2}\n          a ${r} ${r} 0 1 1 0 ${isDashboard ? '' : '-'}${r * 2}\n          `\n    })\n\n    const perimeter = computed(() => {\n      return 2 * Math.PI * radius.value\n    })\n\n    const rate = computed(() => {\n      return props.type === 'dashboard' ? 0.75 : 1\n    })\n\n    const strokeDashoffset = computed(() => {\n      const offset = (-1 * perimeter.value * (1 - rate.value)) / 2\n      return `${offset}px`\n    })\n\n    const trailPathStyle = computed(() => {\n      return {\n        strokeDasharray: `${perimeter.value * rate.value}px, ${\n          perimeter.value\n        }px`,\n        strokeDashoffset: strokeDashoffset.value,\n      }\n    })\n\n    const circlePathStyle = computed(() => {\n      return {\n        strokeDasharray: `${\n          perimeter.value * rate.value * (props.percentage / 100)\n        }px, ${perimeter.value}px`,\n        strokeDashoffset: strokeDashoffset.value,\n        transition: 'stroke-dasharray 0.6s ease 0s, stroke 0.6s ease',\n      }\n    })\n\n    const stroke = computed(() => {\n      let ret\n      if (props.color) {\n        ret = getCurrentColor(props.percentage)\n      } else {\n        switch (props.status) {\n          case 'success':\n            ret = '#13ce66'\n            break\n          case 'exception':\n            ret = '#ff4949'\n            break\n          case 'warning':\n            ret = '#e6a23c'\n            break\n          default:\n            ret = '#20a0ff'\n        }\n      }\n      return ret\n    })\n\n    const statusIcon = computed(() => {\n      if (props.status === 'warning') {\n        return WarningFilled\n      }\n      if (props.type === 'line') {\n        return props.status === 'success' ? CircleCheck : CircleClose\n      } else {\n        return props.status === 'success' ? Check : Close\n      }\n    })\n\n    const progressTextSize = computed(() => {\n      return props.type === 'line'\n        ? 12 + props.strokeWidth * 0.4\n        : props.width * 0.111111 + 2\n    })\n\n    const content = computed(() => {\n      return props.format(props.percentage)\n    })\n\n    const getCurrentColor = (percentage) => {\n      const { color } = props\n      if (typeof color === 'function') {\n        return color(percentage)\n      } else if (typeof color === 'string') {\n        return color\n      } else {\n        const span = 100 / color.length\n        const seriesColors = color.map((seriesColor, index) => {\n          if (typeof seriesColor === 'string') {\n            return {\n              color: seriesColor,\n              percentage: (index + 1) * span,\n            }\n          }\n          return seriesColor\n        })\n        const colorArray = seriesColors.sort(\n          (a, b) => a.percentage - b.percentage\n        )\n\n        for (let i = 0; i < colorArray.length; i++) {\n          if (colorArray[i].percentage > percentage) {\n            return colorArray[i].color\n          }\n        }\n        return colorArray[colorArray.length - 1]?.color\n      }\n    }\n\n    const slotData = computed(() => {\n      return {\n        percentage: props.percentage,\n      }\n    })\n\n    return {\n      barStyle,\n      relativeStrokeWidth,\n      radius,\n      trackPath,\n      perimeter,\n      rate,\n      strokeDashoffset,\n      trailPathStyle,\n      circlePathStyle,\n      stroke,\n      statusIcon,\n      progressTextSize,\n      content,\n      getCurrentColor,\n      slotData,\n    }\n  },\n})\n</script>\n"],"names":["_createElementBlock","_createElementVNode","_renderSlot","_createBlock","_resolveDynamicComponent"],"mappings":";;;;;EAgBgC,OAAM;AAAA;;;EAc1B,OAAM;AAAA;qBAcP,SAAQ;;;;;;sBA3CjBA;IACE,uBAAM;;;;;;;;IASN,MAAK;AAAA,IACJ,iBAAe;IAChB,iBAAc;AAAA,IACd,iBAAc;AAAA;IAEH,qCAAXA,0BAAA;MACEC;QACE,OAAM;AAAA,QACL,mCAAoB;;QAErBA;UACG;;;;UAIA,sBAAO;;UAGC,kBAAY,YAAO,YAAY,gCADxCD,0BAAA;YAIEE,qEAAc,iBAAd;cACED,iDAAS;;;;;wBAMnBD;;MAEE,OAAM;AAAA,MACL,mCAAoB,0BAAqB;;oBAE1CA,0BAAA;QACEC;UACE,OAAM;AAAA,UACL,GAAG;UACJ,QAAO;AAAA,UACN,gBAAc;UACf,MAAK;AAAA,UACJ,sBAAO;;QAEVA;UACE,OAAM;AAAA,UACL,GAAG;UACH,QAAQ;UACT,MAAK;AAAA,UACJ,kBAAgB;UAChB,gBAAc,kBAAa;UAC3B,sBAAO;;;;IAKL,kBAAY,YAAO,aAAa,gCADzCD;;MAEE,OAAM;AAAA,MACL,qCAAsB;;MAEvBE,qEAAc,iBAAd;SACe,4BAAbF,uDAAwB,mCACxBG;2BAAgB;0BAAAA,YAA8BC,wBAAd;;;;;;;;;;;"}

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

@@ -1,7 +0,0 @@
-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_ee4fcade_lang.mjs';
-
-script.render = render;
-script.__file = "packages/components/switch/src/index.vue";
-//# sourceMappingURL=index.mjs.map

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

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

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

@@ -1,2 +0,0 @@
-declare const _default: import("vue").DefineComponent<unknown, object, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<unknown>, {}>;
-export default _default;

package/es/components/switch/src/index.vue_vue_type_script_lang.mjs

@@ -1,190 +0,0 @@
-import { defineComponent, inject, ref, watch, computed, nextTick, onMounted } from 'vue';
-import { isPromise } from '@vue/shared';
-import '../../../tokens/index.mjs';
-import { isBool } from '../../../utils/util.mjs';
-import { throwError, debugWarn } from '../../../utils/error.mjs';
-import { ElIcon } from '../../icon/index.mjs';
-import { Loading } from '@element-plus/icons';
-import { elFormKey, elFormItemKey } from '../../../tokens/form.mjs';
-
-var script = defineComponent({
-  name: "ElSwitch",
-  components: { ElIcon, Loading },
-  props: {
-    modelValue: {
-      type: [Boolean, String, Number],
-      default: false
-    },
-    value: {
-      type: [Boolean, String, Number],
-      default: false
-    },
-    disabled: {
-      type: Boolean,
-      default: false
-    },
-    width: {
-      type: Number,
-      default: 40
-    },
-    inlinePrompt: {
-      type: Boolean,
-      default: false
-    },
-    activeIcon: {
-      type: [String, Object],
-      default: ""
-    },
-    inactiveIcon: {
-      type: [String, Object],
-      default: ""
-    },
-    activeText: {
-      type: String,
-      default: ""
-    },
-    inactiveText: {
-      type: String,
-      default: ""
-    },
-    activeColor: {
-      type: String,
-      default: ""
-    },
-    inactiveColor: {
-      type: String,
-      default: ""
-    },
-    borderColor: {
-      type: String,
-      default: ""
-    },
-    activeValue: {
-      type: [Boolean, String, Number],
-      default: true
-    },
-    inactiveValue: {
-      type: [Boolean, String, Number],
-      default: false
-    },
-    name: {
-      type: String,
-      default: ""
-    },
-    validateEvent: {
-      type: Boolean,
-      default: true
-    },
-    id: String,
-    loading: {
-      type: Boolean,
-      default: false
-    },
-    beforeChange: Function
-  },
-  emits: ["update:modelValue", "change", "input"],
-  setup(props, ctx) {
-    const elForm = inject(elFormKey, {});
-    const elFormItem = inject(elFormItemKey, {});
-    const isModelValue = ref(props.modelValue !== false);
-    const input = ref(null);
-    const core = ref(null);
-    const scope = "ElSwitch";
-    watch(() => props.modelValue, () => {
-      isModelValue.value = true;
-    });
-    watch(() => props.value, () => {
-      isModelValue.value = false;
-    });
-    const actualValue = computed(() => {
-      return isModelValue.value ? props.modelValue : props.value;
-    });
-    const checked = computed(() => {
-      return actualValue.value === props.activeValue;
-    });
-    if (!~[props.activeValue, props.inactiveValue].indexOf(actualValue.value)) {
-      ctx.emit("update:modelValue", props.inactiveValue);
-      ctx.emit("change", props.inactiveValue);
-      ctx.emit("input", props.inactiveValue);
-    }
-    watch(checked, () => {
-      var _a;
-      input.value.checked = checked.value;
-      if (props.activeColor || props.inactiveColor) {
-        setBackgroundColor();
-      }
-      if (props.validateEvent) {
-        (_a = elFormItem.validate) == null ? void 0 : _a.call(elFormItem, "change");
-      }
-    });
-    const switchDisabled = computed(() => {
-      return props.disabled || props.loading || (elForm || {}).disabled;
-    });
-    const handleChange = () => {
-      const val = checked.value ? props.inactiveValue : props.activeValue;
-      ctx.emit("update:modelValue", val);
-      ctx.emit("change", val);
-      ctx.emit("input", val);
-      nextTick(() => {
-        input.value.checked = checked.value;
-      });
-    };
-    const switchValue = () => {
-      if (switchDisabled.value)
-        return;
-      const { beforeChange } = props;
-      if (!beforeChange) {
-        handleChange();
-        return;
-      }
-      const shouldChange = beforeChange();
-      const isExpectType = [isPromise(shouldChange), isBool(shouldChange)].some((i) => i);
-      if (!isExpectType) {
-        throwError(scope, "beforeChange must return type `Promise<boolean>` or `boolean`");
-      }
-      if (isPromise(shouldChange)) {
-        shouldChange.then((result) => {
-          if (result) {
-            handleChange();
-          }
-        }).catch((e) => {
-          debugWarn(scope, `some error occurred: ${e}`);
-        });
-      } else if (shouldChange) {
-        handleChange();
-      }
-    };
-    const setBackgroundColor = () => {
-      const newColor = checked.value ? props.activeColor : props.inactiveColor;
-      const coreEl = core.value;
-      if (props.borderColor)
-        coreEl.style.borderColor = props.borderColor;
-      else if (!props.borderColor)
-        coreEl.style.borderColor = newColor;
-      coreEl.style.backgroundColor = newColor;
-      coreEl.children[0].style.color = newColor;
-    };
-    const focus = () => {
-      var _a, _b;
-      (_b = (_a = input.value) == null ? void 0 : _a.focus) == null ? void 0 : _b.call(_a);
-    };
-    onMounted(() => {
-      if (props.activeColor || props.inactiveColor || props.borderColor) {
-        setBackgroundColor();
-      }
-      input.value.checked = checked.value;
-    });
-    return {
-      input,
-      core,
-      switchDisabled,
-      checked,
-      handleChange,
-      switchValue,
-      focus
-    };
-  }
-});
-
-export { script as default };
-//# sourceMappingURL=index.vue_vue_type_script_lang.mjs.map

package/es/components/switch/src/index.vue_vue_type_script_lang.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.vue_vue_type_script_lang.mjs","sources":["../../../../../../packages/components/switch/src/index.vue"],"sourcesContent":["<template>\n  <div\n    class=\"el-switch\"\n    :class=\"{ 'is-disabled': switchDisabled, 'is-checked': checked }\"\n    role=\"switch\"\n    :aria-checked=\"checked\"\n    :aria-disabled=\"switchDisabled\"\n    @click.prevent=\"switchValue\"\n  >\n    <input\n      :id=\"id\"\n      ref=\"input\"\n      class=\"el-switch__input\"\n      type=\"checkbox\"\n      :name=\"name\"\n      :true-value=\"activeValue\"\n      :false-value=\"inactiveValue\"\n      :disabled=\"switchDisabled\"\n      @change=\"handleChange\"\n      @keydown.enter=\"switchValue\"\n    />\n    <span\n      v-if=\"!inlinePrompt && (inactiveIcon || inactiveText)\"\n      :class=\"[\n        'el-switch__label',\n        'el-switch__label--left',\n        !checked ? 'is-active' : '',\n      ]\"\n    >\n      <el-icon v-if=\"inactiveIcon\"><component :is=\"inactiveIcon\" /></el-icon>\n      <span v-if=\"!inactiveIcon && inactiveText\" :aria-hidden=\"checked\">{{\n        inactiveText\n      }}</span>\n    </span>\n    <span\n      ref=\"core\"\n      class=\"el-switch__core\"\n      :style=\"{ width: (width || 40) + 'px' }\"\n    >\n      <div v-if=\"inlinePrompt\" class=\"el-switch__inner\">\n        <template v-if=\"activeIcon || inactiveIcon\">\n          <el-icon\n            v-if=\"activeIcon\"\n            class=\"is-icon\"\n            :class=\"checked ? 'is-show' : 'is-hide'\"\n          >\n            <component :is=\"activeIcon\" />\n          </el-icon>\n          <el-icon\n            v-if=\"inactiveIcon\"\n            class=\"is-icon\"\n            :class=\"!checked ? 'is-show' : 'is-hide'\"\n          >\n            <component :is=\"inactiveIcon\" />\n          </el-icon>\n        </template>\n        <template v-else-if=\"activeText || inactiveIcon\">\n          <span\n            v-if=\"activeText\"\n            class=\"is-text\"\n            :class=\"checked ? 'is-show' : 'is-hide'\"\n            :aria-hidden=\"!checked\"\n          >\n            {{ activeText.substr(0, 1) }}\n          </span>\n          <span\n            v-if=\"inactiveText\"\n            class=\"is-text\"\n            :class=\"!checked ? 'is-show' : 'is-hide'\"\n            :aria-hidden=\"checked\"\n          >\n            {{ inactiveText.substr(0, 1) }}\n          </span>\n        </template>\n      </div>\n      <div class=\"el-switch__action\">\n        <el-icon v-if=\"loading\" class=\"is-loading\"><loading /></el-icon>\n      </div>\n    </span>\n    <span\n      v-if=\"!inlinePrompt && (activeIcon || activeText)\"\n      :class=\"[\n        'el-switch__label',\n        'el-switch__label--right',\n        checked ? 'is-active' : '',\n      ]\"\n    >\n      <el-icon v-if=\"activeIcon\"><component :is=\"activeIcon\" /></el-icon>\n      <span v-if=\"!activeIcon && activeText\" :aria-hidden=\"!checked\">{{\n        activeText\n      }}</span>\n    </span>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport {\n  defineComponent,\n  computed,\n  onMounted,\n  ref,\n  inject,\n  nextTick,\n  watch,\n} from 'vue'\nimport { isPromise } from '@vue/shared'\nimport { elFormKey, elFormItemKey } from '@element-plus/tokens'\nimport { isBool } from '@element-plus/utils/util'\nimport { throwError, debugWarn } from '@element-plus/utils/error'\nimport ElIcon from '@element-plus/components/icon'\nimport { Loading } from '@element-plus/icons'\n\nimport type { PropType, Component } from 'vue'\nimport type { ElFormContext, ElFormItemContext } from '@element-plus/tokens'\n\ntype ValueType = boolean | string | number\n\ninterface ISwitchProps {\n  modelValue: ValueType\n  value: ValueType\n  disabled: boolean\n  width: number\n  activeIcon: string | Component\n  inactiveIcon: string | Component\n  activeText: string\n  inactiveText: string\n  activeColor: string\n  inactiveColor: string\n  borderColor: string\n  activeValue: ValueType\n  inactiveValue: ValueType\n  name: string\n  validateEvent: boolean\n  id: string\n  loading: boolean\n  beforeChange?: () => Promise<boolean> | boolean\n}\n\nexport default defineComponent({\n  name: 'ElSwitch',\n  components: { ElIcon, Loading },\n  props: {\n    modelValue: {\n      type: [Boolean, String, Number],\n      default: false,\n    },\n    value: {\n      type: [Boolean, String, Number],\n      default: false,\n    },\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n    width: {\n      type: Number,\n      default: 40,\n    },\n    inlinePrompt: {\n      type: Boolean,\n      default: false,\n    },\n    activeIcon: {\n      type: [String, Object] as PropType<string | Component>,\n      default: '',\n    },\n    inactiveIcon: {\n      type: [String, Object] as PropType<string | Component>,\n      default: '',\n    },\n    activeText: {\n      type: String,\n      default: '',\n    },\n    inactiveText: {\n      type: String,\n      default: '',\n    },\n    activeColor: {\n      type: String,\n      default: '',\n    },\n    inactiveColor: {\n      type: String,\n      default: '',\n    },\n    borderColor: {\n      type: String,\n      default: '',\n    },\n    activeValue: {\n      type: [Boolean, String, Number],\n      default: true,\n    },\n    inactiveValue: {\n      type: [Boolean, String, Number],\n      default: false,\n    },\n    name: {\n      type: String,\n      default: '',\n    },\n    validateEvent: {\n      type: Boolean,\n      default: true,\n    },\n    id: String,\n    loading: {\n      type: Boolean,\n      default: false,\n    },\n    beforeChange: Function as PropType<() => Promise<boolean> | boolean>,\n  },\n  emits: ['update:modelValue', 'change', 'input'],\n  setup(props: ISwitchProps, ctx) {\n    const elForm = inject(elFormKey, {} as ElFormContext)\n    const elFormItem = inject(elFormItemKey, {} as ElFormItemContext)\n\n    const isModelValue = ref(props.modelValue !== false)\n    const input = ref(null)\n    const core = ref(null)\n\n    const scope = 'ElSwitch'\n\n    watch(\n      () => props.modelValue,\n      () => {\n        isModelValue.value = true\n      }\n    )\n\n    watch(\n      () => props.value,\n      () => {\n        isModelValue.value = false\n      }\n    )\n\n    const actualValue = computed((): ValueType => {\n      return isModelValue.value ? props.modelValue : props.value\n    })\n\n    const checked = computed((): boolean => {\n      return actualValue.value === props.activeValue\n    })\n\n    if (!~[props.activeValue, props.inactiveValue].indexOf(actualValue.value)) {\n      ctx.emit('update:modelValue', props.inactiveValue)\n      ctx.emit('change', props.inactiveValue)\n      ctx.emit('input', props.inactiveValue)\n    }\n\n    watch(checked, () => {\n      input.value.checked = checked.value\n\n      if (props.activeColor || props.inactiveColor) {\n        setBackgroundColor()\n      }\n\n      if (props.validateEvent) {\n        elFormItem.validate?.('change')\n      }\n    })\n\n    const switchDisabled = computed((): boolean => {\n      return props.disabled || props.loading || (elForm || {}).disabled\n    })\n\n    const handleChange = (): void => {\n      const val = checked.value ? props.inactiveValue : props.activeValue\n      ctx.emit('update:modelValue', val)\n      ctx.emit('change', val)\n      ctx.emit('input', val)\n      nextTick(() => {\n        input.value.checked = checked.value\n      })\n    }\n\n    const switchValue = (): void => {\n      if (switchDisabled.value) return\n\n      const { beforeChange } = props\n      if (!beforeChange) {\n        handleChange()\n        return\n      }\n\n      const shouldChange = beforeChange()\n\n      const isExpectType = [isPromise(shouldChange), isBool(shouldChange)].some(\n        (i) => i\n      )\n      if (!isExpectType) {\n        throwError(\n          scope,\n          'beforeChange must return type `Promise<boolean>` or `boolean`'\n        )\n      }\n\n      if (isPromise(shouldChange)) {\n        shouldChange\n          .then((result) => {\n            if (result) {\n              handleChange()\n            }\n          })\n          .catch((e) => {\n            debugWarn(scope, `some error occurred: ${e}`)\n          })\n      } else if (shouldChange) {\n        handleChange()\n      }\n    }\n\n    const setBackgroundColor = (): void => {\n      const newColor = checked.value ? props.activeColor : props.inactiveColor\n      const coreEl = core.value\n      if (props.borderColor) coreEl.style.borderColor = props.borderColor\n      else if (!props.borderColor) coreEl.style.borderColor = newColor\n      coreEl.style.backgroundColor = newColor\n      coreEl.children[0].style.color = newColor\n    }\n\n    const focus = (): void => {\n      input.value?.focus?.()\n    }\n\n    onMounted(() => {\n      if (props.activeColor || props.inactiveColor || props.borderColor) {\n        setBackgroundColor()\n      }\n\n      input.value.checked = checked.value\n    })\n\n    return {\n      input,\n      core,\n      switchDisabled,\n      checked,\n      handleChange,\n      switchValue,\n      focus,\n    }\n  },\n})\n</script>\n"],"names":[],"mappings":"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"}

package/es/components/switch/src/index.vue_vue_type_template_id_ee4fcade_lang.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.vue_vue_type_template_id_ee4fcade_lang.mjs","sources":["../../../../../../packages/components/switch/src/index.vue?vue&type=template&id=ee4fcade&lang.js"],"sourcesContent":["<template>\n  <div\n    class=\"el-switch\"\n    :class=\"{ 'is-disabled': switchDisabled, 'is-checked': checked }\"\n    role=\"switch\"\n    :aria-checked=\"checked\"\n    :aria-disabled=\"switchDisabled\"\n    @click.prevent=\"switchValue\"\n  >\n    <input\n      :id=\"id\"\n      ref=\"input\"\n      class=\"el-switch__input\"\n      type=\"checkbox\"\n      :name=\"name\"\n      :true-value=\"activeValue\"\n      :false-value=\"inactiveValue\"\n      :disabled=\"switchDisabled\"\n      @change=\"handleChange\"\n      @keydown.enter=\"switchValue\"\n    />\n    <span\n      v-if=\"!inlinePrompt && (inactiveIcon || inactiveText)\"\n      :class=\"[\n        'el-switch__label',\n        'el-switch__label--left',\n        !checked ? 'is-active' : '',\n      ]\"\n    >\n      <el-icon v-if=\"inactiveIcon\"><component :is=\"inactiveIcon\" /></el-icon>\n      <span v-if=\"!inactiveIcon && inactiveText\" :aria-hidden=\"checked\">{{\n        inactiveText\n      }}</span>\n    </span>\n    <span\n      ref=\"core\"\n      class=\"el-switch__core\"\n      :style=\"{ width: (width || 40) + 'px' }\"\n    >\n      <div v-if=\"inlinePrompt\" class=\"el-switch__inner\">\n        <template v-if=\"activeIcon || inactiveIcon\">\n          <el-icon\n            v-if=\"activeIcon\"\n            class=\"is-icon\"\n            :class=\"checked ? 'is-show' : 'is-hide'\"\n          >\n            <component :is=\"activeIcon\" />\n          </el-icon>\n          <el-icon\n            v-if=\"inactiveIcon\"\n            class=\"is-icon\"\n            :class=\"!checked ? 'is-show' : 'is-hide'\"\n          >\n            <component :is=\"inactiveIcon\" />\n          </el-icon>\n        </template>\n        <template v-else-if=\"activeText || inactiveIcon\">\n          <span\n            v-if=\"activeText\"\n            class=\"is-text\"\n            :class=\"checked ? 'is-show' : 'is-hide'\"\n            :aria-hidden=\"!checked\"\n          >\n            {{ activeText.substr(0, 1) }}\n          </span>\n          <span\n            v-if=\"inactiveText\"\n            class=\"is-text\"\n            :class=\"!checked ? 'is-show' : 'is-hide'\"\n            :aria-hidden=\"checked\"\n          >\n            {{ inactiveText.substr(0, 1) }}\n          </span>\n        </template>\n      </div>\n      <div class=\"el-switch__action\">\n        <el-icon v-if=\"loading\" class=\"is-loading\"><loading /></el-icon>\n      </div>\n    </span>\n    <span\n      v-if=\"!inlinePrompt && (activeIcon || activeText)\"\n      :class=\"[\n        'el-switch__label',\n        'el-switch__label--right',\n        checked ? 'is-active' : '',\n      ]\"\n    >\n      <el-icon v-if=\"activeIcon\"><component :is=\"activeIcon\" /></el-icon>\n      <span v-if=\"!activeIcon && activeText\" :aria-hidden=\"!checked\">{{\n        activeText\n      }}</span>\n    </span>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport {\n  defineComponent,\n  computed,\n  onMounted,\n  ref,\n  inject,\n  nextTick,\n  watch,\n} from 'vue'\nimport { isPromise } from '@vue/shared'\nimport { elFormKey, elFormItemKey } from '@element-plus/tokens'\nimport { isBool } from '@element-plus/utils/util'\nimport { throwError, debugWarn } from '@element-plus/utils/error'\nimport ElIcon from '@element-plus/components/icon'\nimport { Loading } from '@element-plus/icons'\n\nimport type { PropType, Component } from 'vue'\nimport type { ElFormContext, ElFormItemContext } from '@element-plus/tokens'\n\ntype ValueType = boolean | string | number\n\ninterface ISwitchProps {\n  modelValue: ValueType\n  value: ValueType\n  disabled: boolean\n  width: number\n  activeIcon: string | Component\n  inactiveIcon: string | Component\n  activeText: string\n  inactiveText: string\n  activeColor: string\n  inactiveColor: string\n  borderColor: string\n  activeValue: ValueType\n  inactiveValue: ValueType\n  name: string\n  validateEvent: boolean\n  id: string\n  loading: boolean\n  beforeChange?: () => Promise<boolean> | boolean\n}\n\nexport default defineComponent({\n  name: 'ElSwitch',\n  components: { ElIcon, Loading },\n  props: {\n    modelValue: {\n      type: [Boolean, String, Number],\n      default: false,\n    },\n    value: {\n      type: [Boolean, String, Number],\n      default: false,\n    },\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n    width: {\n      type: Number,\n      default: 40,\n    },\n    inlinePrompt: {\n      type: Boolean,\n      default: false,\n    },\n    activeIcon: {\n      type: [String, Object] as PropType<string | Component>,\n      default: '',\n    },\n    inactiveIcon: {\n      type: [String, Object] as PropType<string | Component>,\n      default: '',\n    },\n    activeText: {\n      type: String,\n      default: '',\n    },\n    inactiveText: {\n      type: String,\n      default: '',\n    },\n    activeColor: {\n      type: String,\n      default: '',\n    },\n    inactiveColor: {\n      type: String,\n      default: '',\n    },\n    borderColor: {\n      type: String,\n      default: '',\n    },\n    activeValue: {\n      type: [Boolean, String, Number],\n      default: true,\n    },\n    inactiveValue: {\n      type: [Boolean, String, Number],\n      default: false,\n    },\n    name: {\n      type: String,\n      default: '',\n    },\n    validateEvent: {\n      type: Boolean,\n      default: true,\n    },\n    id: String,\n    loading: {\n      type: Boolean,\n      default: false,\n    },\n    beforeChange: Function as PropType<() => Promise<boolean> | boolean>,\n  },\n  emits: ['update:modelValue', 'change', 'input'],\n  setup(props: ISwitchProps, ctx) {\n    const elForm = inject(elFormKey, {} as ElFormContext)\n    const elFormItem = inject(elFormItemKey, {} as ElFormItemContext)\n\n    const isModelValue = ref(props.modelValue !== false)\n    const input = ref(null)\n    const core = ref(null)\n\n    const scope = 'ElSwitch'\n\n    watch(\n      () => props.modelValue,\n      () => {\n        isModelValue.value = true\n      }\n    )\n\n    watch(\n      () => props.value,\n      () => {\n        isModelValue.value = false\n      }\n    )\n\n    const actualValue = computed((): ValueType => {\n      return isModelValue.value ? props.modelValue : props.value\n    })\n\n    const checked = computed((): boolean => {\n      return actualValue.value === props.activeValue\n    })\n\n    if (!~[props.activeValue, props.inactiveValue].indexOf(actualValue.value)) {\n      ctx.emit('update:modelValue', props.inactiveValue)\n      ctx.emit('change', props.inactiveValue)\n      ctx.emit('input', props.inactiveValue)\n    }\n\n    watch(checked, () => {\n      input.value.checked = checked.value\n\n      if (props.activeColor || props.inactiveColor) {\n        setBackgroundColor()\n      }\n\n      if (props.validateEvent) {\n        elFormItem.validate?.('change')\n      }\n    })\n\n    const switchDisabled = computed((): boolean => {\n      return props.disabled || props.loading || (elForm || {}).disabled\n    })\n\n    const handleChange = (): void => {\n      const val = checked.value ? props.inactiveValue : props.activeValue\n      ctx.emit('update:modelValue', val)\n      ctx.emit('change', val)\n      ctx.emit('input', val)\n      nextTick(() => {\n        input.value.checked = checked.value\n      })\n    }\n\n    const switchValue = (): void => {\n      if (switchDisabled.value) return\n\n      const { beforeChange } = props\n      if (!beforeChange) {\n        handleChange()\n        return\n      }\n\n      const shouldChange = beforeChange()\n\n      const isExpectType = [isPromise(shouldChange), isBool(shouldChange)].some(\n        (i) => i\n      )\n      if (!isExpectType) {\n        throwError(\n          scope,\n          'beforeChange must return type `Promise<boolean>` or `boolean`'\n        )\n      }\n\n      if (isPromise(shouldChange)) {\n        shouldChange\n          .then((result) => {\n            if (result) {\n              handleChange()\n            }\n          })\n          .catch((e) => {\n            debugWarn(scope, `some error occurred: ${e}`)\n          })\n      } else if (shouldChange) {\n        handleChange()\n      }\n    }\n\n    const setBackgroundColor = (): void => {\n      const newColor = checked.value ? props.activeColor : props.inactiveColor\n      const coreEl = core.value\n      if (props.borderColor) coreEl.style.borderColor = props.borderColor\n      else if (!props.borderColor) coreEl.style.borderColor = newColor\n      coreEl.style.backgroundColor = newColor\n      coreEl.children[0].style.color = newColor\n    }\n\n    const focus = (): void => {\n      input.value?.focus?.()\n    }\n\n    onMounted(() => {\n      if (props.activeColor || props.inactiveColor || props.borderColor) {\n        setBackgroundColor()\n      }\n\n      input.value.checked = checked.value\n    })\n\n    return {\n      input,\n      core,\n      switchDisabled,\n      checked,\n      handleChange,\n      switchValue,\n      focus,\n    }\n  },\n})\n</script>\n"],"names":["_createElementBlock","_createElementVNode","_createBlock","_resolveDynamicComponent","_createVNode"],"mappings":";;;;;;;EAuC+B,OAAM;AAAA;;;qBAoC1B,OAAM;;;;;sBA1EfA;IACE,uBAAM,8BACmB,mCAA8B;IACvD,MAAK;AAAA,IACJ,gBAAc;IACd,iBAAe;IACf,8DAAe;;IAEhBC;MACG,IAAI;MACL,KAAI;AAAA,MACJ,OAAM;AAAA,MACN,MAAK;AAAA,MACJ,MAAM;MACN,cAAY;MACZ,eAAa;MACb,UAAU;MACV,iDAAQ;MACR,2DAAe;;KAGT,2CAAiC,mCAD1CD;;MAEG;;;;;;MAMc,kCAAfE;yBAA6B;wBAAAA,YAAgCC,wBAAhB;;;;OAChC,qBAAgB,kCAA7BH;;QAA4C,eAAa;yBACvD;;IAGJC;MACE,KAAI;AAAA,MACJ,OAAM;AAAA,MACL,+BAAiB;;MAEP,kCAAXD,0BAAA;QACkB,mBAAc,kCAA9BA;UAEU,gCADRE;;YAEE,uBAAM,WACE;;6BAER;4BAAAA,oCAAgB;;;;UAGV,kCADRA;;YAEE,uBAAM,YACG;;6BAET;4BAAAA,oCAAgB;;;;kBAGC,mBAAc,kCAAnCF;UAEU,gCADRA;;YAEE,uBAAM,WACE;YACP,gBAAc;6BAEZ,gBAAW;UAGR,kCADRA;;YAEE,uBAAM,YACG;YACR,eAAa;6BAEX,kBAAa;;;MAItBC,0BAAA;QACiB,6BAAfC;;UAAwB,OAAM;AAAA;2BAAa;YAAAE,YAAW;AAAA;AAAA;;;;KAIjD,yCAA+B,iCADxCJ;;MAEG;;;;;;MAMc,gCAAfE;yBAA2B;wBAAAA,YAA8BC,wBAAd;;;;OAC9B,mBAAc,gCAA3BH;;QAAwC,gBAAc;yBACpD;;;;;;;"}

package/lib/components/calendar/src/index.js

@@ -1,12 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var index_vue_vue_type_script_lang = require('./index.vue_vue_type_script_lang.js');
-var index_vue_vue_type_template_id_819aa44a_lang = require('./index.vue_vue_type_template_id_819aa44a_lang.js');
-
-index_vue_vue_type_script_lang["default"].render = index_vue_vue_type_template_id_819aa44a_lang.render;
-index_vue_vue_type_script_lang["default"].__file = "packages/components/calendar/src/index.vue";
-
-exports["default"] = index_vue_vue_type_script_lang["default"];
-//# sourceMappingURL=index.js.map

package/lib/components/calendar/src/index.js.map

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

package/lib/components/calendar/src/index.vue.d.ts

@@ -1,33 +0,0 @@
-import dayjs from 'dayjs';
-import type { PropType, ComputedRef } from 'vue';
-import type { Dayjs } from 'dayjs';
-declare type DateType = 'prev-month' | 'next-month' | 'prev-year' | 'next-year' | 'today';
-declare const _default: import("vue").DefineComponent<{
-    modelValue: {
-        type: DateConstructor;
-    };
-    range: {
-        type: PropType<Date[]>;
-        validator: (range: Date) => boolean;
-    };
-}, {
-    selectedDay: import("vue").Ref<null>;
-    curMonthDatePrefix: ComputedRef<string>;
-    i18nDate: ComputedRef<string>;
-    realSelectedDay: ComputedRef<unknown>;
-    date: ComputedRef<dayjs.Dayjs>;
-    validatedRange: ComputedRef<dayjs.Dayjs[][]>;
-    pickDay: (day: Dayjs) => void;
-    selectDate: (type: DateType) => void;
-    t: import("element-plus/es/hooks").Translator;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("input" | "update:modelValue")[], "input" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    modelValue?: unknown;
-    range?: unknown;
-} & {} & {
-    modelValue?: Date | undefined;
-    range?: Date[] | undefined;
-}> & {
-    onInput?: ((...args: any[]) => any) | undefined;
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-}, {}>;
-export default _default;

package/lib/components/calendar/src/index.vue_vue_type_script_lang.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.vue_vue_type_script_lang.js","sources":["../../../../../../packages/components/calendar/src/index.vue"],"sourcesContent":["<template>\n  <div class=\"el-calendar\">\n    <div class=\"el-calendar__header\">\n      <slot name=\"header\" :date=\"i18nDate\">\n        <div class=\"el-calendar__title\">{{ i18nDate }}</div>\n        <div\n          v-if=\"validatedRange.length === 0\"\n          class=\"el-calendar__button-group\"\n        >\n          <el-button-group>\n            <el-button size=\"mini\" @click=\"selectDate('prev-month')\">\n              {{ t('el.datepicker.prevMonth') }}\n            </el-button>\n            <el-button size=\"mini\" @click=\"selectDate('today')\">\n              {{ t('el.datepicker.today') }}\n            </el-button>\n            <el-button size=\"mini\" @click=\"selectDate('next-month')\">\n              {{ t('el.datepicker.nextMonth') }}\n            </el-button>\n          </el-button-group>\n        </div>\n      </slot>\n    </div>\n    <div v-if=\"validatedRange.length === 0\" class=\"el-calendar__body\">\n      <date-table :date=\"date\" :selected-day=\"realSelectedDay\" @pick=\"pickDay\">\n        <template v-if=\"$slots.dateCell\" #dateCell=\"data\">\n          <slot name=\"dateCell\" v-bind=\"data\"></slot>\n        </template>\n      </date-table>\n    </div>\n    <div v-else class=\"el-calendar__body\">\n      <date-table\n        v-for=\"(range_, index) in validatedRange\"\n        :key=\"index\"\n        :date=\"range_[0]\"\n        :selected-day=\"realSelectedDay\"\n        :range=\"range_\"\n        :hide-header=\"index !== 0\"\n        @pick=\"pickDay\"\n      >\n        <template v-if=\"$slots.dateCell\" #dateCell=\"data\">\n          <slot name=\"dateCell\" v-bind=\"data\"></slot>\n        </template>\n      </date-table>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { ref, computed, defineComponent } from 'vue'\nimport dayjs from 'dayjs'\n\nimport ElButton from '@element-plus/components/button'\nimport { useLocale } from '@element-plus/hooks'\nimport { debugWarn } from '@element-plus/utils/error'\nimport DateTable from './date-table.vue'\nimport type { PropType, ComputedRef } from 'vue'\n\nimport type { Dayjs } from 'dayjs'\n\ntype DateType =\n  | 'prev-month'\n  | 'next-month'\n  | 'prev-year'\n  | 'next-year'\n  | 'today'\n\nconst { ButtonGroup: ElButtonGroup } = ElButton\nexport default defineComponent({\n  name: 'ElCalendar',\n\n  components: {\n    DateTable,\n    ElButton,\n    ElButtonGroup,\n  },\n\n  props: {\n    modelValue: {\n      type: Date,\n    },\n    range: {\n      type: Array as PropType<Array<Date>>,\n      validator: (range: Date): boolean => {\n        if (Array.isArray(range)) {\n          return (\n            range.length === 2 && range.every((item) => item instanceof Date)\n          )\n        }\n        return false\n      },\n    },\n  },\n\n  emits: ['input', 'update:modelValue'],\n  setup(props, ctx) {\n    const { t, lang } = useLocale()\n    const selectedDay = ref(null)\n    const now = dayjs().locale(lang.value)\n\n    const prevMonthDayjs = computed(() => {\n      return date.value.subtract(1, 'month')\n    })\n    const curMonthDatePrefix = computed(() => {\n      return dayjs(date.value).locale(lang.value).format('YYYY-MM')\n    })\n\n    const nextMonthDayjs = computed(() => {\n      return date.value.add(1, 'month')\n    })\n\n    const prevYearDayjs = computed(() => {\n      return date.value.subtract(1, 'year')\n    })\n\n    const nextYearDayjs = computed(() => {\n      return date.value.add(1, 'year')\n    })\n\n    const i18nDate = computed(() => {\n      const pickedMonth = `el.datepicker.month${date.value.format('M')}`\n      return `${date.value.year()} ${t('el.datepicker.year')} ${t(pickedMonth)}`\n    })\n\n    const realSelectedDay = computed({\n      get() {\n        if (!props.modelValue) return selectedDay.value\n        return date.value\n      },\n      set(val: Dayjs) {\n        selectedDay.value = val\n        const result = val.toDate()\n\n        ctx.emit('input', result)\n        ctx.emit('update:modelValue', result)\n      },\n    })\n\n    const date: ComputedRef<Dayjs> = computed(() => {\n      if (!props.modelValue) {\n        if (realSelectedDay.value) {\n          return realSelectedDay.value\n        } else if (validatedRange.value.length) {\n          return validatedRange.value[0][0]\n        }\n        return now\n      } else {\n        return dayjs(props.modelValue).locale(lang.value)\n      }\n    })\n\n    // https://github.com/element-plus/element-plus/issues/3155\n    // Calculate the validate date range according to the start and end dates\n    const calculateValidatedDateRange = (\n      startDayjs: dayjs.Dayjs,\n      endDayjs: dayjs.Dayjs\n    ) => {\n      const firstDay = startDayjs.startOf('week')\n      const lastDay = endDayjs.endOf('week')\n      const firstMonth = firstDay.get('month')\n      const lastMonth = lastDay.get('month')\n\n      // Current mouth\n      if (firstMonth === lastMonth) {\n        return [[firstDay, lastDay]]\n      }\n      // Two adjacent months\n      else if (firstMonth + 1 === lastMonth) {\n        const firstMonthLastDay = firstDay.endOf('month')\n        const lastMonthFirstDay = lastDay.startOf('month')\n\n        // Whether the last day of the first month and the first day of the last month is in the same week\n        const isSameWeek = firstMonthLastDay.isSame(lastMonthFirstDay, 'week')\n        const lastMonthStartDay = isSameWeek\n          ? lastMonthFirstDay.add(1, 'week')\n          : lastMonthFirstDay\n\n        return [\n          [firstDay, firstMonthLastDay],\n          [lastMonthStartDay.startOf('week'), lastDay],\n        ]\n      }\n      // Three consecutive months (compatible: 2021-01-30 to 2021-02-28)\n      else if (firstMonth + 2 === lastMonth) {\n        const firstMonthLastDay = firstDay.endOf('month')\n        const secondMonthFirstDay = firstDay.add(1, 'month').startOf('month')\n\n        // Whether the last day of the first month and the second month is in the same week\n        const secondMonthStartDay = firstMonthLastDay.isSame(\n          secondMonthFirstDay,\n          'week'\n        )\n          ? secondMonthFirstDay.add(1, 'week')\n          : secondMonthFirstDay\n\n        const secondMonthLastDay = secondMonthStartDay.endOf('month')\n        const lastMonthFirstDay = lastDay.startOf('month')\n\n        // Whether the last day of the second month and the last day of the last month is in the same week\n        const lastMonthStartDay = secondMonthLastDay.isSame(\n          lastMonthFirstDay,\n          'week'\n        )\n          ? lastMonthFirstDay.add(1, 'week')\n          : lastMonthFirstDay\n\n        return [\n          [firstDay, firstMonthLastDay],\n          [secondMonthStartDay.startOf('week'), secondMonthLastDay],\n          [lastMonthStartDay.startOf('week'), lastDay],\n        ]\n      }\n      // Other cases\n      else {\n        debugWarn(\n          'ElCalendar',\n          'start time and end time interval must not exceed two months'\n        )\n        return []\n      }\n    }\n\n    // if range is valid, we get a two-digit array\n    const validatedRange = computed(() => {\n      if (!props.range) return []\n      const rangeArrDayjs = props.range.map((_) => dayjs(_).locale(lang.value))\n      const [startDayjs, endDayjs] = rangeArrDayjs\n      if (startDayjs.isAfter(endDayjs)) {\n        debugWarn('ElCalendar', 'end time should be greater than start time')\n        return []\n      }\n      if (startDayjs.isSame(endDayjs, 'month')) {\n        // same month\n        return calculateValidatedDateRange(startDayjs, endDayjs)\n      } else {\n        // two months\n        if (startDayjs.add(1, 'month').month() !== endDayjs.month()) {\n          debugWarn(\n            'ElCalendar',\n            'start time and end time interval must not exceed two months'\n          )\n          return []\n        }\n        return calculateValidatedDateRange(startDayjs, endDayjs)\n      }\n    })\n\n    const pickDay = (day: Dayjs) => {\n      realSelectedDay.value = day\n    }\n\n    const selectDate = (type: DateType) => {\n      let day: Dayjs\n      if (type === 'prev-month') {\n        day = prevMonthDayjs.value\n      } else if (type === 'next-month') {\n        day = nextMonthDayjs.value\n      } else if (type === 'prev-year') {\n        day = prevYearDayjs.value\n      } else if (type === 'next-year') {\n        day = nextYearDayjs.value\n      } else {\n        day = now\n      }\n\n      if (day.isSame(date.value, 'day')) return\n      pickDay(day)\n    }\n\n    return {\n      selectedDay,\n      curMonthDatePrefix,\n      i18nDate,\n      realSelectedDay,\n      date,\n      validatedRange,\n      pickDay,\n      selectDate,\n      t,\n    }\n  },\n})\n</script>\n"],"names":["ElButton","defineComponent","DateTable","useLocale","ref","dayjs","computed"],"mappings":"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"}

package/lib/components/calendar/src/index.vue_vue_type_template_id_819aa44a_lang.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.vue_vue_type_template_id_819aa44a_lang.js","sources":["../../../../../../packages/components/calendar/src/index.vue?vue&type=template&id=819aa44a&lang.js"],"sourcesContent":["<template>\n  <div class=\"el-calendar\">\n    <div class=\"el-calendar__header\">\n      <slot name=\"header\" :date=\"i18nDate\">\n        <div class=\"el-calendar__title\">{{ i18nDate }}</div>\n        <div\n          v-if=\"validatedRange.length === 0\"\n          class=\"el-calendar__button-group\"\n        >\n          <el-button-group>\n            <el-button size=\"mini\" @click=\"selectDate('prev-month')\">\n              {{ t('el.datepicker.prevMonth') }}\n            </el-button>\n            <el-button size=\"mini\" @click=\"selectDate('today')\">\n              {{ t('el.datepicker.today') }}\n            </el-button>\n            <el-button size=\"mini\" @click=\"selectDate('next-month')\">\n              {{ t('el.datepicker.nextMonth') }}\n            </el-button>\n          </el-button-group>\n        </div>\n      </slot>\n    </div>\n    <div v-if=\"validatedRange.length === 0\" class=\"el-calendar__body\">\n      <date-table :date=\"date\" :selected-day=\"realSelectedDay\" @pick=\"pickDay\">\n        <template v-if=\"$slots.dateCell\" #dateCell=\"data\">\n          <slot name=\"dateCell\" v-bind=\"data\"></slot>\n        </template>\n      </date-table>\n    </div>\n    <div v-else class=\"el-calendar__body\">\n      <date-table\n        v-for=\"(range_, index) in validatedRange\"\n        :key=\"index\"\n        :date=\"range_[0]\"\n        :selected-day=\"realSelectedDay\"\n        :range=\"range_\"\n        :hide-header=\"index !== 0\"\n        @pick=\"pickDay\"\n      >\n        <template v-if=\"$slots.dateCell\" #dateCell=\"data\">\n          <slot name=\"dateCell\" v-bind=\"data\"></slot>\n        </template>\n      </date-table>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { ref, computed, defineComponent } from 'vue'\nimport dayjs from 'dayjs'\n\nimport ElButton from '@element-plus/components/button'\nimport { useLocale } from '@element-plus/hooks'\nimport { debugWarn } from '@element-plus/utils/error'\nimport DateTable from './date-table.vue'\nimport type { PropType, ComputedRef } from 'vue'\n\nimport type { Dayjs } from 'dayjs'\n\ntype DateType =\n  | 'prev-month'\n  | 'next-month'\n  | 'prev-year'\n  | 'next-year'\n  | 'today'\n\nconst { ButtonGroup: ElButtonGroup } = ElButton\nexport default defineComponent({\n  name: 'ElCalendar',\n\n  components: {\n    DateTable,\n    ElButton,\n    ElButtonGroup,\n  },\n\n  props: {\n    modelValue: {\n      type: Date,\n    },\n    range: {\n      type: Array as PropType<Array<Date>>,\n      validator: (range: Date): boolean => {\n        if (Array.isArray(range)) {\n          return (\n            range.length === 2 && range.every((item) => item instanceof Date)\n          )\n        }\n        return false\n      },\n    },\n  },\n\n  emits: ['input', 'update:modelValue'],\n  setup(props, ctx) {\n    const { t, lang } = useLocale()\n    const selectedDay = ref(null)\n    const now = dayjs().locale(lang.value)\n\n    const prevMonthDayjs = computed(() => {\n      return date.value.subtract(1, 'month')\n    })\n    const curMonthDatePrefix = computed(() => {\n      return dayjs(date.value).locale(lang.value).format('YYYY-MM')\n    })\n\n    const nextMonthDayjs = computed(() => {\n      return date.value.add(1, 'month')\n    })\n\n    const prevYearDayjs = computed(() => {\n      return date.value.subtract(1, 'year')\n    })\n\n    const nextYearDayjs = computed(() => {\n      return date.value.add(1, 'year')\n    })\n\n    const i18nDate = computed(() => {\n      const pickedMonth = `el.datepicker.month${date.value.format('M')}`\n      return `${date.value.year()} ${t('el.datepicker.year')} ${t(pickedMonth)}`\n    })\n\n    const realSelectedDay = computed({\n      get() {\n        if (!props.modelValue) return selectedDay.value\n        return date.value\n      },\n      set(val: Dayjs) {\n        selectedDay.value = val\n        const result = val.toDate()\n\n        ctx.emit('input', result)\n        ctx.emit('update:modelValue', result)\n      },\n    })\n\n    const date: ComputedRef<Dayjs> = computed(() => {\n      if (!props.modelValue) {\n        if (realSelectedDay.value) {\n          return realSelectedDay.value\n        } else if (validatedRange.value.length) {\n          return validatedRange.value[0][0]\n        }\n        return now\n      } else {\n        return dayjs(props.modelValue).locale(lang.value)\n      }\n    })\n\n    // https://github.com/element-plus/element-plus/issues/3155\n    // Calculate the validate date range according to the start and end dates\n    const calculateValidatedDateRange = (\n      startDayjs: dayjs.Dayjs,\n      endDayjs: dayjs.Dayjs\n    ) => {\n      const firstDay = startDayjs.startOf('week')\n      const lastDay = endDayjs.endOf('week')\n      const firstMonth = firstDay.get('month')\n      const lastMonth = lastDay.get('month')\n\n      // Current mouth\n      if (firstMonth === lastMonth) {\n        return [[firstDay, lastDay]]\n      }\n      // Two adjacent months\n      else if (firstMonth + 1 === lastMonth) {\n        const firstMonthLastDay = firstDay.endOf('month')\n        const lastMonthFirstDay = lastDay.startOf('month')\n\n        // Whether the last day of the first month and the first day of the last month is in the same week\n        const isSameWeek = firstMonthLastDay.isSame(lastMonthFirstDay, 'week')\n        const lastMonthStartDay = isSameWeek\n          ? lastMonthFirstDay.add(1, 'week')\n          : lastMonthFirstDay\n\n        return [\n          [firstDay, firstMonthLastDay],\n          [lastMonthStartDay.startOf('week'), lastDay],\n        ]\n      }\n      // Three consecutive months (compatible: 2021-01-30 to 2021-02-28)\n      else if (firstMonth + 2 === lastMonth) {\n        const firstMonthLastDay = firstDay.endOf('month')\n        const secondMonthFirstDay = firstDay.add(1, 'month').startOf('month')\n\n        // Whether the last day of the first month and the second month is in the same week\n        const secondMonthStartDay = firstMonthLastDay.isSame(\n          secondMonthFirstDay,\n          'week'\n        )\n          ? secondMonthFirstDay.add(1, 'week')\n          : secondMonthFirstDay\n\n        const secondMonthLastDay = secondMonthStartDay.endOf('month')\n        const lastMonthFirstDay = lastDay.startOf('month')\n\n        // Whether the last day of the second month and the last day of the last month is in the same week\n        const lastMonthStartDay = secondMonthLastDay.isSame(\n          lastMonthFirstDay,\n          'week'\n        )\n          ? lastMonthFirstDay.add(1, 'week')\n          : lastMonthFirstDay\n\n        return [\n          [firstDay, firstMonthLastDay],\n          [secondMonthStartDay.startOf('week'), secondMonthLastDay],\n          [lastMonthStartDay.startOf('week'), lastDay],\n        ]\n      }\n      // Other cases\n      else {\n        debugWarn(\n          'ElCalendar',\n          'start time and end time interval must not exceed two months'\n        )\n        return []\n      }\n    }\n\n    // if range is valid, we get a two-digit array\n    const validatedRange = computed(() => {\n      if (!props.range) return []\n      const rangeArrDayjs = props.range.map((_) => dayjs(_).locale(lang.value))\n      const [startDayjs, endDayjs] = rangeArrDayjs\n      if (startDayjs.isAfter(endDayjs)) {\n        debugWarn('ElCalendar', 'end time should be greater than start time')\n        return []\n      }\n      if (startDayjs.isSame(endDayjs, 'month')) {\n        // same month\n        return calculateValidatedDateRange(startDayjs, endDayjs)\n      } else {\n        // two months\n        if (startDayjs.add(1, 'month').month() !== endDayjs.month()) {\n          debugWarn(\n            'ElCalendar',\n            'start time and end time interval must not exceed two months'\n          )\n          return []\n        }\n        return calculateValidatedDateRange(startDayjs, endDayjs)\n      }\n    })\n\n    const pickDay = (day: Dayjs) => {\n      realSelectedDay.value = day\n    }\n\n    const selectDate = (type: DateType) => {\n      let day: Dayjs\n      if (type === 'prev-month') {\n        day = prevMonthDayjs.value\n      } else if (type === 'next-month') {\n        day = nextMonthDayjs.value\n      } else if (type === 'prev-year') {\n        day = prevYearDayjs.value\n      } else if (type === 'next-year') {\n        day = nextYearDayjs.value\n      } else {\n        day = now\n      }\n\n      if (day.isSame(date.value, 'day')) return\n      pickDay(day)\n    }\n\n    return {\n      selectedDay,\n      curMonthDatePrefix,\n      i18nDate,\n      realSelectedDay,\n      date,\n      validatedRange,\n      pickDay,\n      selectDate,\n      t,\n    }\n  },\n})\n</script>\n"],"names":["_createElementBlock","_createElementVNode","_renderSlot","_createVNode","_createBlock"],"mappings":";;;;;;qBACO,OAAM;qBACJ,OAAM;qBAEF,OAAM;;;EAGT,OAAM;AAAA;;;EAgB4B,OAAM;AAAA;;;EAOlC,OAAM;AAAA;;;;;0BA7BpBA,8BAAA;IACEC,8BAAA;MACEC,wCAAqB,MAAM,iBAA3B;QACED,8BAAA,gCAAmC;QAE3B,oBAAe,iCADvBD,8BAAA;UAIEG;iCACE;cAAAA;gBAAW,MAAK;AAAA,gBAAQ,+CAAO;;qCAC7B;0DAAG;;;;cAELA;gBAAW,MAAK;AAAA,gBAAQ,+CAAO;;qCAC7B;0DAAG;;;;cAELA;gBAAW,MAAK;AAAA,gBAAQ,+CAAO;;qCAC7B;0DAAG;;;;;;;;;;IAMF,oBAAe,iCAA1BH,8BAAA;MACEG;QAAa,MAAM;QAAO,gBAAc;QAAkB,QAAM;;QAC9C,YAAO;gBAAW;AAAA,0BAChC,CAD0C;YAC1CD,kFAA8B;AAAA;AAAA;;4BAIpCF,8BAAA;4BACEA,0DAC4B,sBAAlB,QAAQ;gCADlBI;UAEG,KAAK;AAAA,UACL,MAAM;UACN,gBAAc;UACd,OAAO;AAAA,UACP,eAAa;UACb,QAAM;;UAES,YAAO;kBAAW;AAAA,4BAChC,CAD0C;cAC1CF,kFAA8B;AAAA;AAAA;;;;;;;;;"}

package/lib/components/drawer/src/index.js

@@ -1,12 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var index_vue_vue_type_script_lang = require('./index.vue_vue_type_script_lang.js');
-var index_vue_vue_type_template_id_052d0d8e_lang = require('./index.vue_vue_type_template_id_052d0d8e_lang.js');
-
-index_vue_vue_type_script_lang["default"].render = index_vue_vue_type_template_id_052d0d8e_lang.render;
-index_vue_vue_type_script_lang["default"].__file = "packages/components/drawer/src/index.vue";
-
-exports["default"] = index_vue_vue_type_script_lang["default"];
-//# sourceMappingURL=index.js.map

package/lib/components/drawer/src/index.js.map

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