@element-plus/nightly 0.0.20220306 → 0.0.20220307

package/es/components/checkbox/src/checkbox.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox.mjs","sources":["../../../../../../packages/components/checkbox/src/checkbox.vue"],"sourcesContent":["<template>\n  <label\n    :id=\"id\"\n    :class=\"[\n      ns.b(),\n      ns.m(checkboxSize),\n      ns.is('disabled', isDisabled),\n      ns.is('bordered', border),\n      ns.is('checked', isChecked),\n    ]\"\n    :aria-controls=\"indeterminate ? controls : null\"\n  >\n    <span\n      :class=\"[\n        ns.e('input'),\n        ns.is('disabled', isDisabled),\n        ns.is('checked', isChecked),\n        ns.is('indeterminate', indeterminate),\n        ns.is('focus', focus),\n      ]\"\n      :tabindex=\"indeterminate ? 0 : undefined\"\n      :role=\"indeterminate ? 'checkbox' : undefined\"\n      :aria-checked=\"indeterminate ? 'mixed' : false\"\n    >\n      <span :class=\"ns.e('inner')\"></span>\n      <input\n        v-if=\"trueLabel || falseLabel\"\n        v-model=\"model\"\n        :class=\"ns.e('original')\"\n        type=\"checkbox\"\n        :aria-hidden=\"indeterminate ? 'true' : 'false'\"\n        :name=\"name\"\n        :tabindex=\"tabindex\"\n        :disabled=\"isDisabled\"\n        :true-value=\"trueLabel\"\n        :false-value=\"falseLabel\"\n        @change=\"handleChange\"\n        @focus=\"focus = true\"\n        @blur=\"focus = false\"\n      />\n      <input\n        v-else\n        v-model=\"model\"\n        :class=\"ns.e('original')\"\n        type=\"checkbox\"\n        :aria-hidden=\"indeterminate ? 'true' : 'false'\"\n        :disabled=\"isDisabled\"\n        :value=\"label\"\n        :name=\"name\"\n        :tabindex=\"tabindex\"\n        @change=\"handleChange\"\n        @focus=\"focus = true\"\n        @blur=\"focus = false\"\n      />\n    </span>\n    <span v-if=\"$slots.default || label\" :class=\"ns.e('label')\">\n      <slot></slot>\n      <template v-if=\"!$slots.default\">{{ label }}</template>\n    </span>\n  </label>\n</template>\n<script lang=\"ts\">\nimport { defineComponent } from 'vue'\nimport { UPDATE_MODEL_EVENT } from '@element-plus/constants'\nimport { isValidComponentSize } from '@element-plus/utils'\nimport { useNamespace } from '@element-plus/hooks'\nimport { useCheckbox } from './useCheckbox'\n\nimport type { PropType } from 'vue'\nimport type { ComponentSize } from '@element-plus/constants'\n\nexport default defineComponent({\n  name: 'ElCheckbox',\n  props: {\n    modelValue: {\n      type: [Boolean, Number, String],\n      default: () => undefined,\n    },\n    label: {\n      type: [String, Boolean, Number, Object],\n    },\n    indeterminate: Boolean,\n    disabled: Boolean,\n    checked: Boolean,\n    name: {\n      type: String,\n      default: undefined,\n    },\n    trueLabel: {\n      type: [String, Number],\n      default: undefined,\n    },\n    falseLabel: {\n      type: [String, Number],\n      default: undefined,\n    },\n    id: {\n      type: String,\n      default: undefined,\n    },\n    controls: {\n      type: String,\n      default: undefined,\n    },\n    border: Boolean,\n    size: {\n      type: String as PropType<ComponentSize>,\n      validator: isValidComponentSize,\n    },\n    tabindex: [String, Number],\n  },\n  emits: [UPDATE_MODEL_EVENT, 'change'],\n  setup(props) {\n    const ns = useNamespace('checkbox')\n    return {\n      ns,\n      ...useCheckbox(props),\n    }\n  },\n})\n</script>\n"],"names":["_createElementBlock","_normalizeClass","_createElementVNode","_renderSlot","_Fragment"],"mappings":";;;;;;;;;;AAuEA,MAAK,YAAa,gBAAa;AAAA,EAC7B,MAAM;AAAA,EACN,OAAO;AAAA,IACL,YAAY;AAAA,MACV,MAAM,CAAC,SAAS,QAAQ;AAAA,MACxB,SAAS,MAAM;AAAA;AAAA,IAEjB,OAAO;AAAA,MACL,MAAM,CAAC,QAAQ,SAAS,QAAQ;AAAA;AAAA,IAElC,eAAe;AAAA,IACf,UAAU;AAAA,IACV,SAAS;AAAA,IACT,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,WAAW;AAAA,MACT,MAAM,CAAC,QAAQ;AAAA,MACf,SAAS;AAAA;AAAA,IAEX,YAAY;AAAA,MACV,MAAM,CAAC,QAAQ;AAAA,MACf,SAAS;AAAA;AAAA,IAEX,IAAI;AAAA,MACF,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,QAAQ;AAAA,IACR,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,WAAW;AAAA;AAAA,IAEb,UAAU,CAAC,QAAQ;AAAA;AAAA,EAErB,OAAO,CAAC,oBAAoB;AAAA,EAC5B,MAAM,OAAO;AACX,UAAM,KAAK,aAAa;AACxB,WAAO;AAAA,MACL;AAAA,SACG,YAAY;AAAA;AAAA;AAAA;;;;;;sBAnHnBA,mBA0DQ;AAAA,IAzDL,IAAI;AAAA,IACJ,OAAKC;AAAA,MAAU,QAAG;AAAA,MAAW,QAAG,EAAE;AAAA,MAAqB,QAAG,GAAE,YAAa;AAAA,MAAmB,QAAG,GAAE,YAAa;AAAA,MAAe,QAAG,GAAE,WAAY;AAAA;AAAA,IAO9I,iBAAe,qBAAgB,gBAAQ;AAAA;IAExCC,mBA0CO;AAAA,MAzCJ,OAAKD;AAAA,QAAY,QAAG,EAAC;AAAA,QAAmB,QAAG,GAAE,YAAa;AAAA,QAAqB,QAAG,GAAE,WAAY;AAAA,QAAoB,QAAG,GAAE,iBAAkB;AAAA,QAAwB,QAAG,GAAE,SAAU;AAAA;AAAA,MAOlL,UAAU,qBAAa,IAAO;AAAA,MAC9B,MAAM,qBAAa,aAAgB;AAAA,MACnC,gBAAc,qBAAa;AAAA;MAE5BC,mBAAoC;AAAA,QAA7B,OAAKD,eAAE,QAAG,EAAC;AAAA;MAEV,kBAAa,+CADrBD,mBAcE;AAAA;qEAZS,aAAK;AAAA,QACb,OAAKC,eAAE,QAAG,EAAC;AAAA,QACZ,MAAK;AAAA,QACJ,eAAa,qBAAa;AAAA,QAC1B,MAAM;AAAA,QACN,UAAU;AAAA,QACV,UAAU;AAAA,QACV,cAAY;AAAA,QACZ,eAAa;AAAA,QACb,UAAM,uCAAE;AAAA,QACR,SAAK,sCAAE,aAAK;AAAA,QACZ,QAAI,sCAAE,aAAK;AAAA;yBAXH;AAAA,wCAaXD,mBAaE;AAAA;qEAXS,aAAK;AAAA,QACb,OAAKC,eAAE,QAAG,EAAC;AAAA,QACZ,MAAK;AAAA,QACJ,eAAa,qBAAa;AAAA,QAC1B,UAAU;AAAA,QACV,OAAO;AAAA,QACP,MAAM;AAAA,QACN,UAAU;AAAA,QACV,UAAM,uCAAE;AAAA,QACR,SAAK,sCAAE,aAAK;AAAA,QACZ,QAAI,sCAAE,aAAK;AAAA;yBAVH;AAAA;AAAA;IAaD,YAAO,WAAW,2BAA9BD,mBAGO;AAAA;MAH+B,OAAKC,eAAE,QAAG,EAAC;AAAA;MAC/CE,WAAa;AAAA,OACI,YAAO,wBAAxBH,mBAAuDI;AAAA,wCAAnB,aAAK;AAAA;;;;;;;;"}
+{"version":3,"file":"checkbox.mjs","sources":["../../../../../../packages/components/checkbox/src/checkbox.vue"],"sourcesContent":["<template>\n  <label\n    :id=\"id\"\n    :class=\"[\n      ns.b(),\n      ns.m(checkboxSize),\n      ns.is('disabled', isDisabled),\n      ns.is('bordered', border),\n      ns.is('checked', isChecked),\n    ]\"\n    :aria-controls=\"indeterminate ? controls : null\"\n  >\n    <span\n      :class=\"[\n        ns.e('input'),\n        ns.is('disabled', isDisabled),\n        ns.is('checked', isChecked),\n        ns.is('indeterminate', indeterminate),\n        ns.is('focus', focus),\n      ]\"\n      :tabindex=\"indeterminate ? 0 : undefined\"\n      :role=\"indeterminate ? 'checkbox' : undefined\"\n      :aria-checked=\"indeterminate ? 'mixed' : false\"\n    >\n      <span :class=\"ns.e('inner')\"></span>\n      <input\n        v-if=\"trueLabel || falseLabel\"\n        v-model=\"model\"\n        :class=\"ns.e('original')\"\n        type=\"checkbox\"\n        :aria-hidden=\"indeterminate ? 'true' : 'false'\"\n        :name=\"name\"\n        :tabindex=\"tabindex\"\n        :disabled=\"isDisabled\"\n        :true-value=\"trueLabel\"\n        :false-value=\"falseLabel\"\n        @change=\"handleChange\"\n        @focus=\"focus = true\"\n        @blur=\"focus = false\"\n      />\n      <input\n        v-else\n        v-model=\"model\"\n        :class=\"ns.e('original')\"\n        type=\"checkbox\"\n        :aria-hidden=\"indeterminate ? 'true' : 'false'\"\n        :disabled=\"isDisabled\"\n        :value=\"label\"\n        :name=\"name\"\n        :tabindex=\"tabindex\"\n        @change=\"handleChange\"\n        @focus=\"focus = true\"\n        @blur=\"focus = false\"\n      />\n    </span>\n    <span v-if=\"$slots.default || label\" :class=\"ns.e('label')\">\n      <slot></slot>\n      <template v-if=\"!$slots.default\">{{ label }}</template>\n    </span>\n  </label>\n</template>\n<script lang=\"ts\">\nimport { defineComponent } from 'vue'\nimport { UPDATE_MODEL_EVENT } from '@element-plus/constants'\nimport { isValidComponentSize } from '@element-plus/utils'\nimport { useNamespace } from '@element-plus/hooks'\nimport { useCheckbox } from './useCheckbox'\n\nimport type { PropType } from 'vue'\nimport type { ComponentSize } from '@element-plus/constants'\n\nexport default defineComponent({\n  name: 'ElCheckbox',\n  props: {\n    modelValue: {\n      type: [Number, String, Boolean],\n      default: () => undefined,\n    },\n    label: {\n      type: [String, Boolean, Number, Object],\n    },\n    indeterminate: Boolean,\n    disabled: Boolean,\n    checked: Boolean,\n    name: {\n      type: String,\n      default: undefined,\n    },\n    trueLabel: {\n      type: [String, Number],\n      default: undefined,\n    },\n    falseLabel: {\n      type: [String, Number],\n      default: undefined,\n    },\n    id: {\n      type: String,\n      default: undefined,\n    },\n    controls: {\n      type: String,\n      default: undefined,\n    },\n    border: Boolean,\n    size: {\n      type: String as PropType<ComponentSize>,\n      validator: isValidComponentSize,\n    },\n    tabindex: [String, Number],\n  },\n  emits: [UPDATE_MODEL_EVENT, 'change'],\n  setup(props) {\n    const ns = useNamespace('checkbox')\n    return {\n      ns,\n      ...useCheckbox(props),\n    }\n  },\n})\n</script>\n"],"names":["_createElementBlock","_normalizeClass","_createElementVNode","_vModelCheckbox","_withDirectives","_openBlock","_renderSlot","_Fragment","_createTextVNode","_toDisplayString","_createCommentVNode"],"mappings":"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"}

package/es/components/col/src/col.mjs

@@ -1,8 +1,10 @@
 import { defineComponent, inject, computed, createVNode } from 'vue';
 import '../../../utils/index.mjs';
 import '../../../hooks/index.mjs';
+import '../../../tokens/index.mjs';
 import { buildProps, definePropType } from '../../../utils/vue/props.mjs';
 import { mutable } from '../../../utils/typescript.mjs';
+import { rowContextKey } from '../../../tokens/row.mjs';
 import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
 
 const colProps = buildProps({
@@ -55,10 +57,8 @@ var Col = defineComponent({
   }) {
     const {
       gutter
-    } = inject("ElRow", {
-      gutter: {
-        value: 0
-      }
+    } = inject(rowContextKey, {
+      gutter: computed(() => 0)
     });
     const ns = useNamespace("col");
     const style = computed(() => {

package/es/components/col/src/col.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"col.mjs","sources":["../../../../../../packages/components/col/src/col.tsx"],"sourcesContent":["import { defineComponent, computed, inject } from 'vue'\nimport { buildProps, definePropType, mutable } from '@element-plus/utils'\nimport { useNamespace } from '@element-plus/hooks'\nimport type { ExtractPropTypes, CSSProperties } from 'vue'\n\nexport type ColSizeObject = {\n  span?: number\n  offset?: number\n}\nexport type ColSize = number | ColSizeObject\n\nexport const colProps = buildProps({\n  tag: {\n    type: String,\n    default: 'div',\n  },\n  span: {\n    type: Number,\n    default: 24,\n  },\n  offset: {\n    type: Number,\n    default: 0,\n  },\n  pull: {\n    type: Number,\n    default: 0,\n  },\n  push: {\n    type: Number,\n    default: 0,\n  },\n  xs: {\n    type: definePropType<ColSize>([Number, Object]),\n    default: () => mutable({} as const),\n  },\n  sm: {\n    type: definePropType<ColSize>([Number, Object]),\n    default: () => mutable({} as const),\n  },\n  md: {\n    type: definePropType<ColSize>([Number, Object]),\n    default: () => mutable({} as const),\n  },\n  lg: {\n    type: definePropType<ColSize>([Number, Object]),\n    default: () => mutable({} as const),\n  },\n  xl: {\n    type: definePropType<ColSize>([Number, Object]),\n    default: () => mutable({} as const),\n  },\n} as const)\nexport type ColProps = ExtractPropTypes<typeof colProps>\n\nexport default defineComponent({\n  name: 'ElCol',\n  props: colProps,\n\n  setup(props, { slots }) {\n    const { gutter } = inject('ElRow', { gutter: { value: 0 } })\n    const ns = useNamespace('col')\n\n    const style = computed<CSSProperties>(() => {\n      if (gutter.value) {\n        return {\n          paddingLeft: `${gutter.value / 2}px`,\n          paddingRight: `${gutter.value / 2}px`,\n        }\n      }\n      return {}\n    })\n\n    const classes = computed(() => {\n      const classes: string[] = []\n\n      const pos = ['span', 'offset', 'pull', 'push'] as const\n      pos.forEach((prop) => {\n        const size = props[prop]\n        if (typeof size === 'number') {\n          if (prop === 'span') classes.push(ns.b(`${props[prop]}`))\n          else if (size > 0) classes.push(ns.b(`${prop}-${props[prop]}`))\n        }\n      })\n\n      const sizes = ['xs', 'sm', 'md', 'lg', 'xl'] as const\n      sizes.forEach((size) => {\n        if (typeof props[size] === 'number') {\n          classes.push(ns.b(`${size}-${props[size]}`))\n        } else if (typeof props[size] === 'object') {\n          const sizeProps = props[size]\n          Object.keys(sizeProps).forEach((prop) => {\n            classes.push(\n              prop !== 'span'\n                ? ns.b(`${size}-${prop}-${sizeProps[prop]}`)\n                : ns.b(`${size}-${sizeProps[prop]}`)\n            )\n          })\n        }\n      })\n      // this is for the fix\n      if (gutter.value) {\n        classes.push(ns.is('guttered'))\n      }\n\n      return classes\n    })\n\n    return () => (\n      <props.tag\n        v-slots={slots}\n        class={[ns.b(), classes.value]}\n        style={style.value}\n      />\n    )\n  },\n})\n"],"names":["colProps","buildProps","tag","type","String","default","span","Number","offset","pull","push","xs","definePropType","Object","mutable","sm","md","lg","xl","defineComponent","name","props","setup","slots","gutter","value","ns","useNamespace","style","paddingLeft","paddingRight","pos","size","classes","b","prop","sizes","forEach","sizeProps","keys"],"mappings":"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"}
+{"version":3,"file":"col.mjs","sources":["../../../../../../packages/components/col/src/col.tsx"],"sourcesContent":["import { defineComponent, computed, inject } from 'vue'\nimport { buildProps, definePropType, mutable } from '@element-plus/utils'\nimport { useNamespace } from '@element-plus/hooks'\nimport { rowContextKey } from '@element-plus/tokens'\nimport type { ExtractPropTypes, CSSProperties } from 'vue'\n\nexport type ColSizeObject = {\n  span?: number\n  offset?: number\n}\nexport type ColSize = number | ColSizeObject\n\nexport const colProps = buildProps({\n  tag: {\n    type: String,\n    default: 'div',\n  },\n  span: {\n    type: Number,\n    default: 24,\n  },\n  offset: {\n    type: Number,\n    default: 0,\n  },\n  pull: {\n    type: Number,\n    default: 0,\n  },\n  push: {\n    type: Number,\n    default: 0,\n  },\n  xs: {\n    type: definePropType<ColSize>([Number, Object]),\n    default: () => mutable({} as const),\n  },\n  sm: {\n    type: definePropType<ColSize>([Number, Object]),\n    default: () => mutable({} as const),\n  },\n  md: {\n    type: definePropType<ColSize>([Number, Object]),\n    default: () => mutable({} as const),\n  },\n  lg: {\n    type: definePropType<ColSize>([Number, Object]),\n    default: () => mutable({} as const),\n  },\n  xl: {\n    type: definePropType<ColSize>([Number, Object]),\n    default: () => mutable({} as const),\n  },\n} as const)\nexport type ColProps = ExtractPropTypes<typeof colProps>\n\nexport default defineComponent({\n  name: 'ElCol',\n  props: colProps,\n\n  setup(props, { slots }) {\n    const { gutter } = inject(rowContextKey, { gutter: computed(() => 0) })\n    const ns = useNamespace('col')\n\n    const style = computed<CSSProperties>(() => {\n      if (gutter.value) {\n        return {\n          paddingLeft: `${gutter.value / 2}px`,\n          paddingRight: `${gutter.value / 2}px`,\n        }\n      }\n      return {}\n    })\n\n    const classes = computed(() => {\n      const classes: string[] = []\n\n      const pos = ['span', 'offset', 'pull', 'push'] as const\n      pos.forEach((prop) => {\n        const size = props[prop]\n        if (typeof size === 'number') {\n          if (prop === 'span') classes.push(ns.b(`${props[prop]}`))\n          else if (size > 0) classes.push(ns.b(`${prop}-${props[prop]}`))\n        }\n      })\n\n      const sizes = ['xs', 'sm', 'md', 'lg', 'xl'] as const\n      sizes.forEach((size) => {\n        if (typeof props[size] === 'number') {\n          classes.push(ns.b(`${size}-${props[size]}`))\n        } else if (typeof props[size] === 'object') {\n          const sizeProps = props[size]\n          Object.keys(sizeProps).forEach((prop) => {\n            classes.push(\n              prop !== 'span'\n                ? ns.b(`${size}-${prop}-${sizeProps[prop]}`)\n                : ns.b(`${size}-${sizeProps[prop]}`)\n            )\n          })\n        }\n      })\n      // this is for the fix\n      if (gutter.value) {\n        classes.push(ns.is('guttered'))\n      }\n\n      return classes\n    })\n\n    return () => (\n      <props.tag\n        v-slots={slots}\n        class={[ns.b(), classes.value]}\n        style={style.value}\n      />\n    )\n  },\n})\n"],"names":["colProps","buildProps","tag","type","String","default","span","Number","offset","pull","push","xs","definePropType","Object","mutable","sm","md","lg","xl","defineComponent","name","props","setup","slots","gutter","inject","rowContextKey","ns","useNamespace","style","paddingLeft","value","paddingRight","classes","pos","size","b","prop","sizes","forEach","sizeProps","keys","_createVNode"],"mappings":"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"}

package/es/components/collapse/src/collapse-item2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"collapse-item2.mjs","sources":["../../../../../../packages/components/collapse/src/collapse-item.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[\n      ns.b('item'),\n      ns.is('active', isActive),\n      ns.is('disabled', disabled),\n    ]\"\n  >\n    <div\n      role=\"tab\"\n      :aria-expanded=\"isActive\"\n      :aria-controls=\"ns.b(`content-${id}`)\"\n      :aria-describedby=\"ns.b(`content-${id}`)\"\n    >\n      <div\n        :id=\"ns.b(`head-${id}`)\"\n        :class=\"[\n          ns.be('item', 'header'),\n          ns.is('active', isActive),\n          { focusing },\n        ]\"\n        role=\"button\"\n        :tabindex=\"disabled ? -1 : 0\"\n        @click=\"handleHeaderClick\"\n        @keyup.space.enter.stop=\"handleEnterClick\"\n        @focus=\"handleFocus\"\n        @blur=\"focusing = false\"\n      >\n        <slot name=\"title\">{{ title }}</slot>\n        <el-icon :class=\"[ns.be('item', 'arrow'), ns.is('active', isActive)]\">\n          <arrow-right />\n        </el-icon>\n      </div>\n    </div>\n    <el-collapse-transition>\n      <div\n        v-show=\"isActive\"\n        :id=\"ns.b(`content-${id}`)\"\n        :class=\"ns.be('item', 'wrap')\"\n        role=\"tabpanel\"\n        :aria-hidden=\"!isActive\"\n        :aria-labelledby=\"ns.b(`head-${id}`)\"\n      >\n        <div :class=\"ns.be('item', 'content')\">\n          <slot></slot>\n        </div>\n      </div>\n    </el-collapse-transition>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { inject, computed, ref } from 'vue'\nimport { generateId } from '@element-plus/utils'\nimport ElCollapseTransition from '@element-plus/components/collapse-transition'\nimport ElIcon from '@element-plus/components/icon'\nimport { ArrowRight } from '@element-plus/icons-vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { collapseContextKey } from '@element-plus/tokens'\nimport { collapseItemProps } from './collapse-item'\n\ndefineOptions({\n  name: 'ElCollapseItem',\n})\n\nconst props = defineProps(collapseItemProps)\n\nconst collapse = inject(collapseContextKey)\nconst ns = useNamespace('collapse')\n\nconst focusing = ref(false)\nconst isClick = ref(false)\nconst id = ref(generateId())\n\nconst isActive = computed(() =>\n  collapse?.activeNames.value.includes(props.name)\n)\n\nconst handleFocus = () => {\n  setTimeout(() => {\n    if (!isClick.value) {\n      focusing.value = true\n    } else {\n      isClick.value = false\n    }\n  }, 50)\n}\n\nconst handleHeaderClick = () => {\n  if (props.disabled) return\n  collapse?.handleItemClick(props.name)\n  focusing.value = false\n  isClick.value = true\n}\n\nconst handleEnterClick = () => {\n  collapse?.handleItemClick(props.name)\n}\n\ndefineExpose({\n  /** @description current collapse-item whether active */\n  isActive,\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAmEA;AACA;AAEA;AACA;AACA;AAEA;AAIA;;;;;;;;;AAUA;;;;;;;AAOA;;;AAIA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"collapse-item2.mjs","sources":["../../../../../../packages/components/collapse/src/collapse-item.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[\n      ns.b('item'),\n      ns.is('active', isActive),\n      ns.is('disabled', disabled),\n    ]\"\n  >\n    <div\n      role=\"tab\"\n      :aria-expanded=\"isActive\"\n      :aria-controls=\"ns.b(`content-${id}`)\"\n      :aria-describedby=\"ns.b(`content-${id}`)\"\n    >\n      <div\n        :id=\"ns.b(`head-${id}`)\"\n        :class=\"[\n          ns.be('item', 'header'),\n          ns.is('active', isActive),\n          { focusing },\n        ]\"\n        role=\"button\"\n        :tabindex=\"disabled ? -1 : 0\"\n        @click=\"handleHeaderClick\"\n        @keyup.space.enter.stop=\"handleEnterClick\"\n        @focus=\"handleFocus\"\n        @blur=\"focusing = false\"\n      >\n        <slot name=\"title\">{{ title }}</slot>\n        <el-icon :class=\"[ns.be('item', 'arrow'), ns.is('active', isActive)]\">\n          <arrow-right />\n        </el-icon>\n      </div>\n    </div>\n    <el-collapse-transition>\n      <div\n        v-show=\"isActive\"\n        :id=\"ns.b(`content-${id}`)\"\n        :class=\"ns.be('item', 'wrap')\"\n        role=\"tabpanel\"\n        :aria-hidden=\"!isActive\"\n        :aria-labelledby=\"ns.b(`head-${id}`)\"\n      >\n        <div :class=\"ns.be('item', 'content')\">\n          <slot></slot>\n        </div>\n      </div>\n    </el-collapse-transition>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { inject, computed, ref } from 'vue'\nimport { generateId } from '@element-plus/utils'\nimport ElCollapseTransition from '@element-plus/components/collapse-transition'\nimport ElIcon from '@element-plus/components/icon'\nimport { ArrowRight } from '@element-plus/icons-vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { collapseContextKey } from '@element-plus/tokens'\nimport { collapseItemProps } from './collapse-item'\n\ndefineOptions({\n  name: 'ElCollapseItem',\n})\n\nconst props = defineProps(collapseItemProps)\n\nconst collapse = inject(collapseContextKey)\nconst ns = useNamespace('collapse')\n\nconst focusing = ref(false)\nconst isClick = ref(false)\nconst id = ref(generateId())\n\nconst isActive = computed(() =>\n  collapse?.activeNames.value.includes(props.name)\n)\n\nconst handleFocus = () => {\n  setTimeout(() => {\n    if (!isClick.value) {\n      focusing.value = true\n    } else {\n      isClick.value = false\n    }\n  }, 50)\n}\n\nconst handleHeaderClick = () => {\n  if (props.disabled) return\n  collapse?.handleItemClick(props.name)\n  focusing.value = false\n  isClick.value = true\n}\n\nconst handleEnterClick = () => {\n  collapse?.handleItemClick(props.name)\n}\n\ndefineExpose({\n  /** @description current collapse-item whether active */\n  isActive,\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAmEA,IAAA,MAAA,WAAA,MAAA,CAAA,kBAAA,CAAA,CAAA;AACA,IAAA,MAAA,KAAA,YAAA,CAAA,UAAA,CAAA,CAAA;AAEA,IAAA,MAAA,WAAA,GAAA,CAAA,KAAA,CAAA,CAAA;AACA,IAAA,MAAA,UAAA,GAAA,CAAA,KAAA,CAAA,CAAA;AACA,IAAA,MAAA,KAAA,GAAA,CAAA,UAAA,EAAA,CAAA,CAAA;AAEA,IAAA,MAAA,WAAA,QAAA,CAAA,MACA,YAAA,IAAA,GAAA,KAAA,CAAA,GAAA,SAAA,WAAA,CAAA,KAAA,CAAA,QAAA,CAAA,KAAA,CAAA,IAAA,CAAA,CAAA,CAAA;AAGA,IAAA,MAAA,cAAA,MAAA;AACA,MAAA,UAAA,CAAA,MAAA;AACA,QAAA,IAAA,CAAA,QAAA,KAAA,EAAA;AACA,UAAA,QAAA,CAAA,KAAA,GAAA,IAAA,CAAA;AAAA,SACA,MAAA;AACA,UAAA,OAAA,CAAA,KAAA,GAAA,KAAA,CAAA;AAAA,SAAA;AAAA,OAEA,EAAA,EAAA,CAAA,CAAA;AAAA,KAAA,CAAA;AAGA,IAAA,MAAA,oBAAA,MAAA;AACA,MAAA,IAAA,KAAA,CAAA,QAAA;AAAA,QAAA,OAAA;AACA,MAAA,QAAA,oBAAA,QAAA,CAAA,eAAA,CAAA,KAAA,CAAA,IAAA,CAAA,CAAA;AACA,MAAA,QAAA,CAAA,KAAA,GAAA,KAAA,CAAA;AACA,MAAA,OAAA,CAAA,KAAA,GAAA,IAAA,CAAA;AAAA,KAAA,CAAA;AAGA,IAAA,MAAA,mBAAA,MAAA;AACA,MAAA,QAAA,oBAAA,QAAA,CAAA,eAAA,CAAA,KAAA,CAAA,IAAA,CAAA,CAAA;AAAA,KAAA,CAAA;AAGA,IAAA,MAAA,CAAA;AAAA,MAEA,QAAA;AAAA,KAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/es/components/collapse/src/collapse2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"collapse2.mjs","sources":["../../../../../../packages/components/collapse/src/collapse.vue"],"sourcesContent":["<template>\n  <div :class=\"ns.b()\" role=\"tablist\" aria-multiselectable=\"true\">\n    <slot></slot>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { ref, watch, provide } from 'vue'\nimport { ensureArray } from '@element-plus/utils'\nimport { UPDATE_MODEL_EVENT, CHANGE_EVENT } from '@element-plus/constants'\nimport { useNamespace } from '@element-plus/hooks'\nimport { collapseContextKey } from '@element-plus/tokens'\nimport { collapseProps, collapseEmits } from './collapse'\nimport type { CollapseActiveName } from './collapse'\n\ndefineOptions({\n  name: 'ElCollapse',\n})\nconst props = defineProps(collapseProps)\nconst emit = defineEmits(collapseEmits)\n\nconst ns = useNamespace('collapse')\nconst activeNames = ref(ensureArray(props.modelValue))\n\nconst setActiveNames = (_activeNames: CollapseActiveName[]) => {\n  activeNames.value = _activeNames\n  const value = props.accordion ? activeNames.value[0] : activeNames.value\n  emit(UPDATE_MODEL_EVENT, value)\n  emit(CHANGE_EVENT, value)\n}\n\nconst handleItemClick = (name: CollapseActiveName) => {\n  if (props.accordion) {\n    setActiveNames([\n      (activeNames.value[0] || activeNames.value[0] === 0) &&\n      activeNames.value[0] === name\n        ? ''\n        : name,\n    ])\n  } else {\n    const _activeNames = [...activeNames.value]\n    const index = _activeNames.indexOf(name)\n\n    if (index > -1) {\n      _activeNames.splice(index, 1)\n    } else {\n      _activeNames.push(name)\n    }\n    setActiveNames(_activeNames)\n  }\n}\n\nwatch(\n  () => props.modelValue,\n  () => (activeNames.value = ensureArray(props.modelValue)),\n  { deep: true }\n)\n\nprovide(collapseContextKey, {\n  activeNames,\n  handleItemClick,\n})\n\ndefineExpose({\n  /** @description active names */\n  activeNames,\n  /** @description set active names */\n  setActiveNames,\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAqBA;AACA;AAEA;;;;;;AAOA;;;;;;;;;;;;;;;;AAqBA;AAMA;;;;AAKA;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"collapse2.mjs","sources":["../../../../../../packages/components/collapse/src/collapse.vue"],"sourcesContent":["<template>\n  <div :class=\"ns.b()\" role=\"tablist\" aria-multiselectable=\"true\">\n    <slot></slot>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { ref, watch, provide } from 'vue'\nimport { ensureArray } from '@element-plus/utils'\nimport { UPDATE_MODEL_EVENT, CHANGE_EVENT } from '@element-plus/constants'\nimport { useNamespace } from '@element-plus/hooks'\nimport { collapseContextKey } from '@element-plus/tokens'\nimport { collapseProps, collapseEmits } from './collapse'\nimport type { CollapseActiveName } from './collapse'\n\ndefineOptions({\n  name: 'ElCollapse',\n})\nconst props = defineProps(collapseProps)\nconst emit = defineEmits(collapseEmits)\n\nconst ns = useNamespace('collapse')\nconst activeNames = ref(ensureArray(props.modelValue))\n\nconst setActiveNames = (_activeNames: CollapseActiveName[]) => {\n  activeNames.value = _activeNames\n  const value = props.accordion ? activeNames.value[0] : activeNames.value\n  emit(UPDATE_MODEL_EVENT, value)\n  emit(CHANGE_EVENT, value)\n}\n\nconst handleItemClick = (name: CollapseActiveName) => {\n  if (props.accordion) {\n    setActiveNames([\n      (activeNames.value[0] || activeNames.value[0] === 0) &&\n      activeNames.value[0] === name\n        ? ''\n        : name,\n    ])\n  } else {\n    const _activeNames = [...activeNames.value]\n    const index = _activeNames.indexOf(name)\n\n    if (index > -1) {\n      _activeNames.splice(index, 1)\n    } else {\n      _activeNames.push(name)\n    }\n    setActiveNames(_activeNames)\n  }\n}\n\nwatch(\n  () => props.modelValue,\n  () => (activeNames.value = ensureArray(props.modelValue)),\n  { deep: true }\n)\n\nprovide(collapseContextKey, {\n  activeNames,\n  handleItemClick,\n})\n\ndefineExpose({\n  /** @description active names */\n  activeNames,\n  /** @description set active names */\n  setActiveNames,\n})\n</script>\n"],"names":["ensureArray"],"mappings":";;;;;;;;;;;;;;;;;;;;AAqBA,IAAA,MAAA,KAAA,YAAA,CAAA,UAAA,CAAA,CAAA;AACA,IAAA,MAAA,WAAA,GAAA,GAAA,CAAAA,SAAA,CAAA,KAAA,CAAA,UAAA,CAAA,CAAA,CAAA;AAEA,IAAA,MAAA,cAAA,GAAA,CAAA,YAAA,KAAA;AACA,MAAA,WAAA,CAAA,KAAA,GAAA,YAAA,CAAA;AACA,MAAA,MAAA,QAAA,KAAA,CAAA,SAAA,GAAA,WAAA,CAAA,KAAA,CAAA,KAAA,WAAA,CAAA,KAAA,CAAA;AACA,MAAA,IAAA,CAAA,kBAAA,EAAA,KAAA,CAAA,CAAA;AACA,MAAA,IAAA,CAAA,YAAA,EAAA,KAAA,CAAA,CAAA;AAAA,KAAA,CAAA;AAGA,IAAA,MAAA,eAAA,GAAA,CAAA,IAAA,KAAA;AACA,MAAA,IAAA,MAAA,SAAA,EAAA;AACA,QAAA,cAAA,CAAA;AAAA,UACA,CAAA,WAAA,CAAA,KAAA,CAAA,CAAA,CAAA,IAAA,WAAA,CAAA,KAAA,CAAA,CAAA,CAAA,KAAA,CAAA,KACA,WAAA,CAAA,KAAA,CAAA,CAAA,CAAA,KAAA,IAAA,GACA,EACA,GAAA,IAAA;AAAA,SAAA,CAAA,CAAA;AAAA,OAEA,MAAA;AACA,QAAA,MAAA,YAAA,GAAA,CAAA,GAAA,WAAA,CAAA,KAAA,CAAA,CAAA;AACA,QAAA,MAAA,KAAA,GAAA,aAAA,OAAA,CAAA,IAAA,CAAA,CAAA;AAEA,QAAA,IAAA,QAAA,CAAA,CAAA,EAAA;AACA,UAAA,YAAA,CAAA,OAAA,KAAA,EAAA,CAAA,CAAA,CAAA;AAAA,SACA,MAAA;AACA,UAAA,YAAA,CAAA,IAAA,CAAA,IAAA,CAAA,CAAA;AAAA,SAAA;AAEA,QAAA,cAAA,CAAA,YAAA,CAAA,CAAA;AAAA,OAAA;AAAA,KAAA,CAAA;AAIA,IACA,KAAA,CAAA,MAAA,KAAA,CAAA,UAAA,EACA,MAAA,WAAA,CAAA,QAAAA,SAAA,CAAA,KAAA,CAAA,UACA,CAAA,EAAA,EAAA,IAAA,EAAA,IAAA,EAAA,CAAA,CAAA;AAGA,IAAA,OAAA,CAAA,kBAAA,EAAA;AAAA,MACA,WAAA;AAAA,MACA,eAAA;AAAA,KAAA,CAAA,CAAA;AAGA,IAAA,MAAA,CAAA;AAAA,MAEA,WAAA;AAAA,MAEA,cAAA;AAAA,KAAA,CAAA,CAAA;;;;;;;;;;;;;;;"}

package/es/components/collapse-transition/src/collapse-transition.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"collapse-transition.mjs","sources":["../../../../../../packages/components/collapse-transition/src/collapse-transition.vue"],"sourcesContent":["<template>\n  <transition :name=\"ns.b()\" v-on=\"on\">\n    <slot></slot>\n  </transition>\n</template>\n<script lang=\"ts\">\nimport { defineComponent } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\n\nexport default defineComponent({\n  name: 'ElCollapseTransition',\n  setup() {\n    const ns = useNamespace('collapse-transition')\n\n    return {\n      ns,\n      on: {\n        beforeEnter(el) {\n          if (!el.dataset) el.dataset = {}\n\n          el.dataset.oldPaddingTop = el.style.paddingTop\n          el.dataset.oldPaddingBottom = el.style.paddingBottom\n\n          el.style.maxHeight = 0\n          el.style.paddingTop = 0\n          el.style.paddingBottom = 0\n        },\n\n        enter(el) {\n          el.dataset.oldOverflow = el.style.overflow\n          if (el.scrollHeight !== 0) {\n            el.style.maxHeight = `${el.scrollHeight}px`\n            el.style.paddingTop = el.dataset.oldPaddingTop\n            el.style.paddingBottom = el.dataset.oldPaddingBottom\n          } else {\n            el.style.maxHeight = 0\n            el.style.paddingTop = el.dataset.oldPaddingTop\n            el.style.paddingBottom = el.dataset.oldPaddingBottom\n          }\n\n          el.style.overflow = 'hidden'\n        },\n\n        afterEnter(el) {\n          el.style.maxHeight = ''\n          el.style.overflow = el.dataset.oldOverflow\n        },\n\n        beforeLeave(el) {\n          if (!el.dataset) el.dataset = {}\n          el.dataset.oldPaddingTop = el.style.paddingTop\n          el.dataset.oldPaddingBottom = el.style.paddingBottom\n          el.dataset.oldOverflow = el.style.overflow\n\n          el.style.maxHeight = `${el.scrollHeight}px`\n          el.style.overflow = 'hidden'\n        },\n\n        leave(el) {\n          if (el.scrollHeight !== 0) {\n            el.style.maxHeight = 0\n            el.style.paddingTop = 0\n            el.style.paddingBottom = 0\n          }\n        },\n\n        afterLeave(el) {\n          el.style.maxHeight = ''\n          el.style.overflow = el.dataset.oldOverflow\n          el.style.paddingTop = el.dataset.oldPaddingTop\n          el.style.paddingBottom = el.dataset.oldPaddingBottom\n        },\n      },\n    }\n  },\n})\n</script>\n"],"names":["_createBlock","_Transition","_mergeProps","_toHandlers","_renderSlot"],"mappings":";;;;;AASA,MAAK,YAAa,gBAAa;AAAA,EAC7B,MAAM;AAAA,EACN,QAAQ;AACN,UAAM,KAAK,aAAa;AAExB,WAAO;AAAA,MACL;AAAA,MACA,IAAI;AAAA,QACF,YAAY,IAAI;AACd,cAAI,CAAC,GAAG;AAAS,eAAG,UAAU;AAE9B,aAAG,QAAQ,gBAAgB,GAAG,MAAM;AACpC,aAAG,QAAQ,mBAAmB,GAAG,MAAM;AAEvC,aAAG,MAAM,YAAY;AACrB,aAAG,MAAM,aAAa;AACtB,aAAG,MAAM,gBAAgB;AAAA;AAAA,QAG3B,MAAM,IAAI;AACR,aAAG,QAAQ,cAAc,GAAG,MAAM;AAClC,cAAI,GAAG,iBAAiB,GAAG;AACzB,eAAG,MAAM,YAAY,GAAG,GAAG;AAC3B,eAAG,MAAM,aAAa,GAAG,QAAQ;AACjC,eAAG,MAAM,gBAAgB,GAAG,QAAQ;AAAA,iBAC/B;AACL,eAAG,MAAM,YAAY;AACrB,eAAG,MAAM,aAAa,GAAG,QAAQ;AACjC,eAAG,MAAM,gBAAgB,GAAG,QAAQ;AAAA;AAGtC,aAAG,MAAM,WAAW;AAAA;AAAA,QAGtB,WAAW,IAAI;AACb,aAAG,MAAM,YAAY;AACrB,aAAG,MAAM,WAAW,GAAG,QAAQ;AAAA;AAAA,QAGjC,YAAY,IAAI;AACd,cAAI,CAAC,GAAG;AAAS,eAAG,UAAU;AAC9B,aAAG,QAAQ,gBAAgB,GAAG,MAAM;AACpC,aAAG,QAAQ,mBAAmB,GAAG,MAAM;AACvC,aAAG,QAAQ,cAAc,GAAG,MAAM;AAElC,aAAG,MAAM,YAAY,GAAG,GAAG;AAC3B,aAAG,MAAM,WAAW;AAAA;AAAA,QAGtB,MAAM,IAAI;AACR,cAAI,GAAG,iBAAiB,GAAG;AACzB,eAAG,MAAM,YAAY;AACrB,eAAG,MAAM,aAAa;AACtB,eAAG,MAAM,gBAAgB;AAAA;AAAA;AAAA,QAI7B,WAAW,IAAI;AACb,aAAG,MAAM,YAAY;AACrB,aAAG,MAAM,WAAW,GAAG,QAAQ;AAC/B,aAAG,MAAM,aAAa,GAAG,QAAQ;AACjC,aAAG,MAAM,gBAAgB,GAAG,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;;sBArE5CA,YAEaC,YAFbC,WAEa;AAAA,IAFA,MAAM,QAAG;AAAA,KAAKC,WAAM,KAAG,MAAD;AAAA,qBACjC,MAAa;AAAA,MAAbC,WAAa;AAAA;AAAA;;;;;;;"}
+{"version":3,"file":"collapse-transition.mjs","sources":["../../../../../../packages/components/collapse-transition/src/collapse-transition.vue"],"sourcesContent":["<template>\n  <transition :name=\"ns.b()\" v-on=\"on\">\n    <slot></slot>\n  </transition>\n</template>\n<script lang=\"ts\">\nimport { defineComponent } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\n\nexport default defineComponent({\n  name: 'ElCollapseTransition',\n  setup() {\n    const ns = useNamespace('collapse-transition')\n\n    return {\n      ns,\n      on: {\n        beforeEnter(el) {\n          if (!el.dataset) el.dataset = {}\n\n          el.dataset.oldPaddingTop = el.style.paddingTop\n          el.dataset.oldPaddingBottom = el.style.paddingBottom\n\n          el.style.maxHeight = 0\n          el.style.paddingTop = 0\n          el.style.paddingBottom = 0\n        },\n\n        enter(el) {\n          el.dataset.oldOverflow = el.style.overflow\n          if (el.scrollHeight !== 0) {\n            el.style.maxHeight = `${el.scrollHeight}px`\n            el.style.paddingTop = el.dataset.oldPaddingTop\n            el.style.paddingBottom = el.dataset.oldPaddingBottom\n          } else {\n            el.style.maxHeight = 0\n            el.style.paddingTop = el.dataset.oldPaddingTop\n            el.style.paddingBottom = el.dataset.oldPaddingBottom\n          }\n\n          el.style.overflow = 'hidden'\n        },\n\n        afterEnter(el) {\n          el.style.maxHeight = ''\n          el.style.overflow = el.dataset.oldOverflow\n        },\n\n        beforeLeave(el) {\n          if (!el.dataset) el.dataset = {}\n          el.dataset.oldPaddingTop = el.style.paddingTop\n          el.dataset.oldPaddingBottom = el.style.paddingBottom\n          el.dataset.oldOverflow = el.style.overflow\n\n          el.style.maxHeight = `${el.scrollHeight}px`\n          el.style.overflow = 'hidden'\n        },\n\n        leave(el) {\n          if (el.scrollHeight !== 0) {\n            el.style.maxHeight = 0\n            el.style.paddingTop = 0\n            el.style.paddingBottom = 0\n          }\n        },\n\n        afterLeave(el) {\n          el.style.maxHeight = ''\n          el.style.overflow = el.dataset.oldOverflow\n          el.style.paddingTop = el.dataset.oldPaddingTop\n          el.style.paddingBottom = el.dataset.oldPaddingBottom\n        },\n      },\n    }\n  },\n})\n</script>\n"],"names":["_openBlock","_createBlock","_Transition","_mergeProps","_toHandlers","_withCtx","_renderSlot"],"mappings":"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"}

package/es/components/collection/src/collection-item.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"collection-item.mjs","sources":["../../../../../../packages/components/collection/src/collection-item.vue"],"sourcesContent":["<template>\n  <slot />\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent } from 'vue'\n\nexport default defineComponent({\n  name: 'ElCollectionItem',\n  inheritAttrs: false,\n})\n</script>\n"],"names":["_renderSlot"],"mappings":";;;AAOA,MAAK,YAAa,gBAAa;AAAA,EAC7B,MAAM;AAAA,EACN,cAAc;AAAA;;SARdA,WAAQ;AAAA;;;;;"}
+{"version":3,"file":"collection-item.mjs","sources":["../../../../../../packages/components/collection/src/collection-item.vue"],"sourcesContent":["<template>\n  <slot />\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent } from 'vue'\n\nexport default defineComponent({\n  name: 'ElCollectionItem',\n  inheritAttrs: false,\n})\n</script>\n"],"names":["_renderSlot"],"mappings":";;;AAOA,MAAK,YAAa,eAAa,CAAA;AAAA,EAC7B,IAAM,EAAA,kBAAA;AAAA,EACN,YAAc,EAAA,KAAA;AAAA,CAAA,CAAA,CAAA;;SARdA,UAAQ,CAAA,IAAA,CAAA,MAAA,EAAA,SAAA,CAAA,CAAA;AAAA,CAAA;;;;;"}

package/es/components/collection/src/collection2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"collection2.mjs","sources":["../../../../../../packages/components/collection/src/collection.vue"],"sourcesContent":["<template>\n  <slot />\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent } from 'vue'\n\nexport default defineComponent({\n  inheritAttrs: false,\n})\n</script>\n"],"names":["_renderSlot"],"mappings":";;;AAOA,MAAK,YAAa,gBAAa;AAAA,EAC7B,cAAc;AAAA;;SAPdA,WAAQ;AAAA;;;;;"}
+{"version":3,"file":"collection2.mjs","sources":["../../../../../../packages/components/collection/src/collection.vue"],"sourcesContent":["<template>\n  <slot />\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent } from 'vue'\n\nexport default defineComponent({\n  inheritAttrs: false,\n})\n</script>\n"],"names":["_renderSlot"],"mappings":";;;AAOA,MAAK,YAAa,eAAa,CAAA;AAAA,EAC7B,YAAc,EAAA,KAAA;AAAA,CAAA,CAAA,CAAA;;SAPdA,UAAQ,CAAA,IAAA,CAAA,MAAA,EAAA,SAAA,CAAA,CAAA;AAAA,CAAA;;;;;"}

package/es/components/color-picker/src/components/alpha-slider.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"alpha-slider.mjs","sources":["../../../../../../../packages/components/color-picker/src/components/alpha-slider.vue"],"sourcesContent":["<template>\n  <div class=\"el-color-alpha-slider\" :class=\"{ 'is-vertical': vertical }\">\n    <div\n      ref=\"bar\"\n      class=\"el-color-alpha-slider__bar\"\n      :style=\"{\n        background,\n      }\"\n      @click=\"handleClick\"\n    ></div>\n    <div\n      ref=\"thumb\"\n      class=\"el-color-alpha-slider__thumb\"\n      :style=\"{\n        left: thumbLeft + 'px',\n        top: thumbTop + 'px',\n      }\"\n    ></div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport {\n  defineComponent,\n  watch,\n  ref,\n  onMounted,\n  getCurrentInstance,\n  shallowRef,\n} from 'vue'\nimport { getClientXY } from '@element-plus/utils'\nimport draggable from '../draggable'\n\nimport type { PropType } from 'vue'\nimport type { Nullable } from '@element-plus/utils'\nimport type Color from '../color'\n\nexport default defineComponent({\n  name: 'ElColorAlphaSlider',\n  props: {\n    color: {\n      type: Object as PropType<Color>,\n      required: true,\n    },\n    vertical: {\n      type: Boolean,\n      default: false,\n    },\n  },\n  setup(props) {\n    const instance = getCurrentInstance()\n    // ref\n    const thumb = shallowRef<Nullable<HTMLElement>>(null)\n    const bar = shallowRef<Nullable<HTMLElement>>(null)\n\n    // data\n    const thumbLeft = ref(0)\n    const thumbTop = ref(0)\n    const background = ref<Nullable<string>>(null)\n\n    watch(\n      () => props.color.get('alpha'),\n      () => {\n        update()\n      }\n    )\n    watch(\n      () => props.color.value,\n      () => {\n        update()\n      }\n    )\n\n    //methods\n    function getThumbLeft() {\n      if (props.vertical) return 0\n      const el = instance.vnode.el\n      const alpha = props.color.get('alpha')\n\n      if (!el) return 0\n      return Math.round(\n        (alpha * (el.offsetWidth - thumb.value.offsetWidth / 2)) / 100\n      )\n    }\n\n    function getThumbTop() {\n      const el = instance.vnode.el\n      if (!props.vertical) return 0\n      const alpha = props.color.get('alpha')\n\n      if (!el) return 0\n      return Math.round(\n        (alpha * (el.offsetHeight - thumb.value.offsetHeight / 2)) / 100\n      )\n    }\n\n    function getBackground() {\n      if (props.color && props.color.value) {\n        const { r, g, b } = props.color.toRgb()\n        return `linear-gradient(to right, rgba(${r}, ${g}, ${b}, 0) 0%, rgba(${r}, ${g}, ${b}, 1) 100%)`\n      }\n      return null\n    }\n\n    function handleClick(event: Event) {\n      const target = event.target\n\n      if (target !== thumb.value) {\n        handleDrag(event)\n      }\n    }\n\n    function handleDrag(event) {\n      const el = instance.vnode.el as HTMLElement\n      const rect = el.getBoundingClientRect()\n      const { clientX, clientY } = getClientXY(event)\n\n      if (!props.vertical) {\n        let left = clientX - rect.left\n        left = Math.max(thumb.value.offsetWidth / 2, left)\n        left = Math.min(left, rect.width - thumb.value.offsetWidth / 2)\n\n        props.color.set(\n          'alpha',\n          Math.round(\n            ((left - thumb.value.offsetWidth / 2) /\n              (rect.width - thumb.value.offsetWidth)) *\n              100\n          )\n        )\n      } else {\n        let top = clientY - rect.top\n        top = Math.max(thumb.value.offsetHeight / 2, top)\n        top = Math.min(top, rect.height - thumb.value.offsetHeight / 2)\n\n        props.color.set(\n          'alpha',\n          Math.round(\n            ((top - thumb.value.offsetHeight / 2) /\n              (rect.height - thumb.value.offsetHeight)) *\n              100\n          )\n        )\n      }\n    }\n\n    function update() {\n      thumbLeft.value = getThumbLeft()\n      thumbTop.value = getThumbTop()\n      background.value = getBackground()\n    }\n\n    // mounded\n    onMounted(() => {\n      const dragConfig = {\n        drag: (event) => {\n          handleDrag(event)\n        },\n        end: (event) => {\n          handleDrag(event)\n        },\n      }\n\n      draggable(bar.value, dragConfig)\n      draggable(thumb.value, dragConfig)\n      update()\n    })\n\n    return {\n      thumb,\n      bar,\n      thumbLeft,\n      thumbTop,\n      background,\n      handleClick,\n      update,\n    }\n  },\n})\n</script>\n"],"names":["_createElementBlock","_normalizeClass","_createElementVNode","_normalizeStyle"],"mappings":"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"}
+{"version":3,"file":"alpha-slider.mjs","sources":["../../../../../../../packages/components/color-picker/src/components/alpha-slider.vue"],"sourcesContent":["<template>\n  <div class=\"el-color-alpha-slider\" :class=\"{ 'is-vertical': vertical }\">\n    <div\n      ref=\"bar\"\n      class=\"el-color-alpha-slider__bar\"\n      :style=\"{\n        background,\n      }\"\n      @click=\"handleClick\"\n    ></div>\n    <div\n      ref=\"thumb\"\n      class=\"el-color-alpha-slider__thumb\"\n      :style=\"{\n        left: thumbLeft + 'px',\n        top: thumbTop + 'px',\n      }\"\n    ></div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport {\n  defineComponent,\n  watch,\n  ref,\n  onMounted,\n  getCurrentInstance,\n  shallowRef,\n} from 'vue'\nimport { getClientXY } from '@element-plus/utils'\nimport draggable from '../draggable'\n\nimport type { PropType } from 'vue'\nimport type { Nullable } from '@element-plus/utils'\nimport type Color from '../color'\n\nexport default defineComponent({\n  name: 'ElColorAlphaSlider',\n  props: {\n    color: {\n      type: Object as PropType<Color>,\n      required: true,\n    },\n    vertical: {\n      type: Boolean,\n      default: false,\n    },\n  },\n  setup(props) {\n    const instance = getCurrentInstance()\n    // ref\n    const thumb = shallowRef<Nullable<HTMLElement>>(null)\n    const bar = shallowRef<Nullable<HTMLElement>>(null)\n\n    // data\n    const thumbLeft = ref(0)\n    const thumbTop = ref(0)\n    const background = ref<Nullable<string>>(null)\n\n    watch(\n      () => props.color.get('alpha'),\n      () => {\n        update()\n      }\n    )\n    watch(\n      () => props.color.value,\n      () => {\n        update()\n      }\n    )\n\n    //methods\n    function getThumbLeft() {\n      if (props.vertical) return 0\n      const el = instance.vnode.el\n      const alpha = props.color.get('alpha')\n\n      if (!el) return 0\n      return Math.round(\n        (alpha * (el.offsetWidth - thumb.value.offsetWidth / 2)) / 100\n      )\n    }\n\n    function getThumbTop() {\n      const el = instance.vnode.el\n      if (!props.vertical) return 0\n      const alpha = props.color.get('alpha')\n\n      if (!el) return 0\n      return Math.round(\n        (alpha * (el.offsetHeight - thumb.value.offsetHeight / 2)) / 100\n      )\n    }\n\n    function getBackground() {\n      if (props.color && props.color.value) {\n        const { r, g, b } = props.color.toRgb()\n        return `linear-gradient(to right, rgba(${r}, ${g}, ${b}, 0) 0%, rgba(${r}, ${g}, ${b}, 1) 100%)`\n      }\n      return null\n    }\n\n    function handleClick(event: Event) {\n      const target = event.target\n\n      if (target !== thumb.value) {\n        handleDrag(event)\n      }\n    }\n\n    function handleDrag(event) {\n      const el = instance.vnode.el as HTMLElement\n      const rect = el.getBoundingClientRect()\n      const { clientX, clientY } = getClientXY(event)\n\n      if (!props.vertical) {\n        let left = clientX - rect.left\n        left = Math.max(thumb.value.offsetWidth / 2, left)\n        left = Math.min(left, rect.width - thumb.value.offsetWidth / 2)\n\n        props.color.set(\n          'alpha',\n          Math.round(\n            ((left - thumb.value.offsetWidth / 2) /\n              (rect.width - thumb.value.offsetWidth)) *\n              100\n          )\n        )\n      } else {\n        let top = clientY - rect.top\n        top = Math.max(thumb.value.offsetHeight / 2, top)\n        top = Math.min(top, rect.height - thumb.value.offsetHeight / 2)\n\n        props.color.set(\n          'alpha',\n          Math.round(\n            ((top - thumb.value.offsetHeight / 2) /\n              (rect.height - thumb.value.offsetHeight)) *\n              100\n          )\n        )\n      }\n    }\n\n    function update() {\n      thumbLeft.value = getThumbLeft()\n      thumbTop.value = getThumbTop()\n      background.value = getBackground()\n    }\n\n    // mounded\n    onMounted(() => {\n      const dragConfig = {\n        drag: (event) => {\n          handleDrag(event)\n        },\n        end: (event) => {\n          handleDrag(event)\n        },\n      }\n\n      draggable(bar.value, dragConfig)\n      draggable(thumb.value, dragConfig)\n      update()\n    })\n\n    return {\n      thumb,\n      bar,\n      thumbLeft,\n      thumbTop,\n      background,\n      handleClick,\n      update,\n    }\n  },\n})\n</script>\n"],"names":["_createElementBlock","_normalizeClass","_createElementVNode","_normalizeStyle"],"mappings":";;;;;;AAqCA,MAAK,YAAa,eAAa,CAAA;AAAA,EAC7B,IAAM,EAAA,oBAAA;AAAA,EACN,KAAO,EAAA;AAAA,IACL,KAAO,EAAA;AAAA,MACL,IAAM,EAAA,MAAA;AAAA,MACN,QAAU,EAAA,IAAA;AAAA,KAAA;AAAA,IAEZ,QAAU,EAAA;AAAA,MACR,IAAM,EAAA,OAAA;AAAA,MACN,OAAS,EAAA,KAAA;AAAA,KAAA;AAAA,GAAA;AAAA,EAGb,MAAM,KAAO,EAAA;AACX,IAAA,MAAM,QAAW,GAAA,kBAAA,EAAA,CAAA;AAEjB,IAAA,MAAM,QAAQ,UAAkC,CAAA,IAAA,CAAA,CAAA;AAChD,IAAA,MAAM,MAAM,UAAkC,CAAA,IAAA,CAAA,CAAA;AAG9C,IAAA,MAAM,YAAY,GAAI,CAAA,CAAA,CAAA,CAAA;AACtB,IAAA,MAAM,WAAW,GAAI,CAAA,CAAA,CAAA,CAAA;AACrB,IAAA,MAAM,aAAa,GAAsB,CAAA,IAAA,CAAA,CAAA;AAEzC,IAAA,KAAA,CACE,MAAM,KAAA,CAAM,KAAM,CAAA,GAAA,CAAI,UACtB,MAAM;AACJ,MAAA,MAAA,EAAA,CAAA;AAAA,KAAA,CAAA,CAAA;AAGJ,IAAA,KAAA,CACE,MAAM,KAAA,CAAM,KAAM,CAAA,KAAA,EAClB,MAAM;AACJ,MAAA,MAAA,EAAA,CAAA;AAAA,KAAA,CAAA,CAAA;AAKJ,IAAwB,SAAA,YAAA,GAAA;AACtB,MAAA,IAAI,KAAM,CAAA,QAAA;AAAU,QAAO,OAAA,CAAA,CAAA;AAC3B,MAAM,MAAA,EAAA,GAAK,SAAS,KAAM,CAAA,EAAA,CAAA;AAC1B,MAAM,MAAA,KAAA,GAAQ,KAAM,CAAA,KAAA,CAAM,GAAI,CAAA,OAAA,CAAA,CAAA;AAE9B,MAAA,IAAI,CAAC,EAAA;AAAI,QAAO,OAAA,CAAA,CAAA;AAChB,MAAO,OAAA,IAAA,CAAK,MACT,KAAS,IAAA,EAAA,CAAG,cAAc,KAAM,CAAA,KAAA,CAAM,cAAc,CAAM,CAAA,GAAA,GAAA,CAAA,CAAA;AAAA,KAAA;AAI/D,IAAuB,SAAA,WAAA,GAAA;AACrB,MAAM,MAAA,EAAA,GAAK,SAAS,KAAM,CAAA,EAAA,CAAA;AAC1B,MAAA,IAAI,CAAC,KAAM,CAAA,QAAA;AAAU,QAAO,OAAA,CAAA,CAAA;AAC5B,MAAM,MAAA,KAAA,GAAQ,KAAM,CAAA,KAAA,CAAM,GAAI,CAAA,OAAA,CAAA,CAAA;AAE9B,MAAA,IAAI,CAAC,EAAA;AAAI,QAAO,OAAA,CAAA,CAAA;AAChB,MAAO,OAAA,IAAA,CAAK,MACT,KAAS,IAAA,EAAA,CAAG,eAAe,KAAM,CAAA,KAAA,CAAM,eAAe,CAAM,CAAA,GAAA,GAAA,CAAA,CAAA;AAAA,KAAA;AAIjE,IAAyB,SAAA,aAAA,GAAA;AACvB,MAAA,IAAI,KAAM,CAAA,KAAA,IAAS,KAAM,CAAA,KAAA,CAAM,KAAO,EAAA;AACpC,QAAA,MAAM,EAAE,CAAA,EAAG,CAAG,EAAA,CAAA,EAAA,GAAM,MAAM,KAAM,CAAA,KAAA,EAAA,CAAA;AAChC,QAAA,OAAO,CAAkC,+BAAA,EAAA,CAAA,CAAA,EAAA,EAAM,CAAM,CAAA,EAAA,EAAA,CAAA,CAAA,cAAA,EAAkB,MAAM,CAAM,CAAA,EAAA,EAAA,CAAA,CAAA,UAAA,CAAA,CAAA;AAAA,OAAA;AAErF,MAAO,OAAA,IAAA,CAAA;AAAA,KAAA;AAGT,IAAA,SAAA,WAAA,CAAqB,KAAc,EAAA;AACjC,MAAA,MAAM,SAAS,KAAM,CAAA,MAAA,CAAA;AAErB,MAAI,IAAA,MAAA,KAAW,MAAM,KAAO,EAAA;AAC1B,QAAW,UAAA,CAAA,KAAA,CAAA,CAAA;AAAA,OAAA;AAAA,KAAA;AAIf,IAAA,SAAA,UAAA,CAAoB,KAAO,EAAA;AACzB,MAAM,MAAA,EAAA,GAAK,SAAS,KAAM,CAAA,EAAA,CAAA;AAC1B,MAAA,MAAM,OAAO,EAAG,CAAA,qBAAA,EAAA,CAAA;AAChB,MAAM,MAAA,EAAE,OAAS,EAAA,OAAA,EAAA,GAAY,WAAY,CAAA,KAAA,CAAA,CAAA;AAEzC,MAAI,IAAA,CAAC,MAAM,QAAU,EAAA;AACnB,QAAI,IAAA,IAAA,GAAO,UAAU,IAAK,CAAA,IAAA,CAAA;AAC1B,QAAA,IAAA,GAAO,IAAK,CAAA,GAAA,CAAI,KAAM,CAAA,KAAA,CAAM,cAAc,CAAG,EAAA,IAAA,CAAA,CAAA;AAC7C,QAAA,IAAA,GAAO,KAAK,GAAI,CAAA,IAAA,EAAM,KAAK,KAAQ,GAAA,KAAA,CAAM,MAAM,WAAc,GAAA,CAAA,CAAA,CAAA;AAE7D,QAAA,KAAA,CAAM,KAAM,CAAA,GAAA,CACV,OACA,EAAA,IAAA,CAAK,MACD,CAAO,IAAA,GAAA,KAAA,CAAM,KAAM,CAAA,WAAA,GAAc,CAChC,KAAA,IAAA,CAAK,KAAQ,GAAA,KAAA,CAAM,MAAM,WAC1B,CAAA,GAAA,GAAA,CAAA,CAAA,CAAA;AAAA,OAGD,MAAA;AACL,QAAI,IAAA,GAAA,GAAM,UAAU,IAAK,CAAA,GAAA,CAAA;AACzB,QAAA,GAAA,GAAM,IAAK,CAAA,GAAA,CAAI,KAAM,CAAA,KAAA,CAAM,eAAe,CAAG,EAAA,GAAA,CAAA,CAAA;AAC7C,QAAA,GAAA,GAAM,KAAK,GAAI,CAAA,GAAA,EAAK,KAAK,MAAS,GAAA,KAAA,CAAM,MAAM,YAAe,GAAA,CAAA,CAAA,CAAA;AAE7D,QAAA,KAAA,CAAM,KAAM,CAAA,GAAA,CACV,OACA,EAAA,IAAA,CAAK,MACD,CAAM,GAAA,GAAA,KAAA,CAAM,KAAM,CAAA,YAAA,GAAe,CAChC,KAAA,IAAA,CAAK,MAAS,GAAA,KAAA,CAAM,MAAM,YAC3B,CAAA,GAAA,GAAA,CAAA,CAAA,CAAA;AAAA,OAAA;AAAA,KAAA;AAMV,IAAkB,SAAA,MAAA,GAAA;AAChB,MAAA,SAAA,CAAU,KAAQ,GAAA,YAAA,EAAA,CAAA;AAClB,MAAA,QAAA,CAAS,KAAQ,GAAA,WAAA,EAAA,CAAA;AACjB,MAAA,UAAA,CAAW,KAAQ,GAAA,aAAA,EAAA,CAAA;AAAA,KAAA;AAIrB,IAAA,SAAA,CAAU,MAAM;AACd,MAAA,MAAM,UAAa,GAAA;AAAA,QACjB,IAAA,EAAM,CAAC,KAAU,KAAA;AACf,UAAW,UAAA,CAAA,KAAA,CAAA,CAAA;AAAA,SAAA;AAAA,QAEb,GAAA,EAAK,CAAC,KAAU,KAAA;AACd,UAAW,UAAA,CAAA,KAAA,CAAA,CAAA;AAAA,SAAA;AAAA,OAAA,CAAA;AAIf,MAAA,SAAA,CAAU,IAAI,KAAO,EAAA,UAAA,CAAA,CAAA;AACrB,MAAA,SAAA,CAAU,MAAM,KAAO,EAAA,UAAA,CAAA,CAAA;AACvB,MAAA,MAAA,EAAA,CAAA;AAAA,KAAA,CAAA,CAAA;AAGF,IAAO,OAAA;AAAA,MACL,KAAA;AAAA,MACA,GAAA;AAAA,MACA,SAAA;AAAA,MACA,QAAA;AAAA,MACA,UAAA;AAAA,MACA,WAAA;AAAA,MACA,MAAA;AAAA,KAAA,CAAA;AAAA,GAAA;AAAA,CAAA,CAAA,CAAA;;sBA9KJA,kBAiBM,CAAA,KAAA,EAAA;AAAA,IAjBD,KAAA,EAAKC,cAAC,CAAA,CAAA,uBAAA,EAAuB,EAA0B,aAAA,EAAA,IAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAA,GAAA,EAAA;IAC1DC,kBAOO,CAAA,KAAA,EAAA;AAAA,MANL,GAAI,EAAA,KAAA;AAAA,MACJ,KAAM,EAAA,4BAAA;AAAA,MACL,KAAK,EAAAC,cAAA,CAAA;AAAA,QAAY,UAAA,EAAA,IAAA,CAAA,UAAA;AAAA,OAAA,CAAA;AAAA,MAGjB,SAAK,MAAE,CAAA,CAAA,CAAA,KAAA,MAAA,CAAA,CAAA,CAAA,GAAA,CAAA,GAAA,IAAA,KAAA,IAAA,CAAA,WAAA,IAAA,IAAA,CAAA,WAAA,CAAA,GAAA,IAAA,CAAA,CAAA;AAAA,KAAA,EAAA,IAAA,EAAA,CAAA,CAAA;IAEVD,kBAOO,CAAA,KAAA,EAAA;AAAA,MANL,GAAI,EAAA,OAAA;AAAA,MACJ,KAAM,EAAA,8BAAA;AAAA,MACL,KAAK,EAAAC,cAAA,CAAA;AAAA,QAAA,IAAA,EAAkB,IAAS,CAAA,SAAA,GAAA,IAAA;AAAA,QAAA,GAAA,EAAsB,IAAQ,CAAA,QAAA,GAAA,IAAA;AAAA,OAAA,CAAA;AAAA,KAAA,EAAA,IAAA,EAAA,CAAA,CAAA;;;;;;;"}

package/es/components/color-picker/src/components/hue-slider.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"hue-slider.mjs","sources":["../../../../../../../packages/components/color-picker/src/components/hue-slider.vue"],"sourcesContent":["<template>\n  <div class=\"el-color-hue-slider\" :class=\"{ 'is-vertical': vertical }\">\n    <div ref=\"bar\" class=\"el-color-hue-slider__bar\" @click=\"handleClick\"></div>\n    <div\n      ref=\"thumb\"\n      class=\"el-color-hue-slider__thumb\"\n      :style=\"{\n        left: thumbLeft + 'px',\n        top: thumbTop + 'px',\n      }\"\n    ></div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport {\n  ref,\n  computed,\n  watch,\n  onMounted,\n  getCurrentInstance,\n  defineComponent,\n} from 'vue'\nimport { getClientXY } from '@element-plus/utils'\nimport draggable from '../draggable'\n\nimport type { PropType } from 'vue'\nimport type Color from '../color'\n\nexport default defineComponent({\n  name: 'ElColorHueSlider',\n\n  props: {\n    color: {\n      type: Object as PropType<Color>,\n      required: true,\n    },\n\n    vertical: Boolean,\n  },\n  setup(props) {\n    const instance = getCurrentInstance()\n    // ref\n    const thumb = ref<HTMLElement | null>(null)\n    const bar = ref<HTMLElement | null>(null)\n    // data\n    const thumbLeft = ref(0)\n    const thumbTop = ref(0)\n    // computed\n    const hueValue = computed(() => {\n      return props.color.get('hue')\n    })\n    // watch\n    watch(\n      () => hueValue.value,\n      () => {\n        update()\n      }\n    )\n\n    // methods\n    function handleClick(event: Event) {\n      const target = event.target\n\n      if (target !== thumb.value) {\n        handleDrag(event)\n      }\n    }\n\n    function handleDrag(event) {\n      const el = instance.vnode.el as HTMLElement\n      const rect = el.getBoundingClientRect()\n      const { clientX, clientY } = getClientXY(event)\n      let hue\n\n      if (!props.vertical) {\n        let left = clientX - rect.left\n        left = Math.min(left, rect.width - thumb.value.offsetWidth / 2)\n        left = Math.max(thumb.value.offsetWidth / 2, left)\n\n        hue = Math.round(\n          ((left - thumb.value.offsetWidth / 2) /\n            (rect.width - thumb.value.offsetWidth)) *\n            360\n        )\n      } else {\n        let top = clientY - rect.top\n\n        top = Math.min(top, rect.height - thumb.value.offsetHeight / 2)\n        top = Math.max(thumb.value.offsetHeight / 2, top)\n        hue = Math.round(\n          ((top - thumb.value.offsetHeight / 2) /\n            (rect.height - thumb.value.offsetHeight)) *\n            360\n        )\n      }\n      props.color.set('hue', hue)\n    }\n\n    function getThumbLeft() {\n      const el = instance.vnode.el\n\n      if (props.vertical) return 0\n      const hue = props.color.get('hue')\n\n      if (!el) return 0\n      return Math.round(\n        (hue * (el.offsetWidth - thumb.value.offsetWidth / 2)) / 360\n      )\n    }\n\n    function getThumbTop() {\n      const el = instance.vnode.el as HTMLElement\n      if (!props.vertical) return 0\n      const hue = props.color.get('hue')\n\n      if (!el) return 0\n      return Math.round(\n        (hue * (el.offsetHeight - thumb.value.offsetHeight / 2)) / 360\n      )\n    }\n\n    function update() {\n      thumbLeft.value = getThumbLeft()\n      thumbTop.value = getThumbTop()\n    }\n\n    // mounded\n    onMounted(() => {\n      const dragConfig = {\n        drag: (event) => {\n          handleDrag(event)\n        },\n        end: (event) => {\n          handleDrag(event)\n        },\n      }\n\n      draggable(bar.value, dragConfig)\n      draggable(thumb.value, dragConfig)\n      update()\n    })\n\n    return {\n      bar,\n      thumb,\n      thumbLeft,\n      thumbTop,\n      hueValue,\n      handleClick,\n      update,\n    }\n  },\n})\n</script>\n"],"names":["_createElementBlock","_normalizeClass","_createElementVNode","_normalizeStyle"],"mappings":";;;;;;AA6BA,MAAK,YAAa,gBAAa;AAAA,EAC7B,MAAM;AAAA,EAEN,OAAO;AAAA,IACL,OAAO;AAAA,MACL,MAAM;AAAA,MACN,UAAU;AAAA;AAAA,IAGZ,UAAU;AAAA;AAAA,EAEZ,MAAM,OAAO;AACX,UAAM,WAAW;AAEjB,UAAM,QAAQ,IAAwB;AACtC,UAAM,MAAM,IAAwB;AAEpC,UAAM,YAAY,IAAI;AACtB,UAAM,WAAW,IAAI;AAErB,UAAM,WAAW,SAAS,MAAM;AAC9B,aAAO,MAAM,MAAM,IAAI;AAAA;AAGzB,UACE,MAAM,SAAS,OACf,MAAM;AACJ;AAAA;AAKJ,yBAAqB,OAAc;AACjC,YAAM,SAAS,MAAM;AAErB,UAAI,WAAW,MAAM,OAAO;AAC1B,mBAAW;AAAA;AAAA;AAIf,wBAAoB,OAAO;AACzB,YAAM,KAAK,SAAS,MAAM;AAC1B,YAAM,OAAO,GAAG;AAChB,YAAM,EAAE,SAAS,YAAY,YAAY;AACzC,UAAI;AAEJ,UAAI,CAAC,MAAM,UAAU;AACnB,YAAI,OAAO,UAAU,KAAK;AAC1B,eAAO,KAAK,IAAI,MAAM,KAAK,QAAQ,MAAM,MAAM,cAAc;AAC7D,eAAO,KAAK,IAAI,MAAM,MAAM,cAAc,GAAG;AAE7C,cAAM,KAAK,MACP,QAAO,MAAM,MAAM,cAAc,WAC3B,QAAQ,MAAM,MAAM,eAC1B;AAAA,aAEC;AACL,YAAI,MAAM,UAAU,KAAK;AAEzB,cAAM,KAAK,IAAI,KAAK,KAAK,SAAS,MAAM,MAAM,eAAe;AAC7D,cAAM,KAAK,IAAI,MAAM,MAAM,eAAe,GAAG;AAC7C,cAAM,KAAK,MACP,OAAM,MAAM,MAAM,eAAe,WAC3B,SAAS,MAAM,MAAM,gBAC3B;AAAA;AAGN,YAAM,MAAM,IAAI,OAAO;AAAA;AAGzB,4BAAwB;AACtB,YAAM,KAAK,SAAS,MAAM;AAE1B,UAAI,MAAM;AAAU,eAAO;AAC3B,YAAM,MAAM,MAAM,MAAM,IAAI;AAE5B,UAAI,CAAC;AAAI,eAAO;AAChB,aAAO,KAAK,MACT,UAAU,cAAc,MAAM,MAAM,cAAc,KAAM;AAAA;AAI7D,2BAAuB;AACrB,YAAM,KAAK,SAAS,MAAM;AAC1B,UAAI,CAAC,MAAM;AAAU,eAAO;AAC5B,YAAM,MAAM,MAAM,MAAM,IAAI;AAE5B,UAAI,CAAC;AAAI,eAAO;AAChB,aAAO,KAAK,MACT,UAAU,eAAe,MAAM,MAAM,eAAe,KAAM;AAAA;AAI/D,sBAAkB;AAChB,gBAAU,QAAQ;AAClB,eAAS,QAAQ;AAAA;AAInB,cAAU,MAAM;AACd,YAAM,aAAa;AAAA,QACjB,MAAM,CAAC,UAAU;AACf,qBAAW;AAAA;AAAA,QAEb,KAAK,CAAC,UAAU;AACd,qBAAW;AAAA;AAAA;AAIf,gBAAU,IAAI,OAAO;AACrB,gBAAU,MAAM,OAAO;AACvB;AAAA;AAGF,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA;AAAA;;sBArJJA,mBAUM;AAAA,IAVD,OAAKC,gBAAC,uBAAqB,iBAA0B;AAAA;IACxDC,mBAA2E;AAAA,MAAtE,KAAI;AAAA,MAAM,OAAM;AAAA,MAA4B,SAAK,uCAAE;AAAA;IACxDA,mBAOO;AAAA,MANL,KAAI;AAAA,MACJ,OAAM;AAAA,MACL,OAAKC;AAAA,cAAkB,iBAAS;AAAA,aAAsB,gBAAQ;AAAA;AAAA;;;;;;;"}
+{"version":3,"file":"hue-slider.mjs","sources":["../../../../../../../packages/components/color-picker/src/components/hue-slider.vue"],"sourcesContent":["<template>\n  <div class=\"el-color-hue-slider\" :class=\"{ 'is-vertical': vertical }\">\n    <div ref=\"bar\" class=\"el-color-hue-slider__bar\" @click=\"handleClick\"></div>\n    <div\n      ref=\"thumb\"\n      class=\"el-color-hue-slider__thumb\"\n      :style=\"{\n        left: thumbLeft + 'px',\n        top: thumbTop + 'px',\n      }\"\n    ></div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport {\n  ref,\n  computed,\n  watch,\n  onMounted,\n  getCurrentInstance,\n  defineComponent,\n} from 'vue'\nimport { getClientXY } from '@element-plus/utils'\nimport draggable from '../draggable'\n\nimport type { PropType } from 'vue'\nimport type Color from '../color'\n\nexport default defineComponent({\n  name: 'ElColorHueSlider',\n\n  props: {\n    color: {\n      type: Object as PropType<Color>,\n      required: true,\n    },\n\n    vertical: Boolean,\n  },\n  setup(props) {\n    const instance = getCurrentInstance()\n    // ref\n    const thumb = ref<HTMLElement | null>(null)\n    const bar = ref<HTMLElement | null>(null)\n    // data\n    const thumbLeft = ref(0)\n    const thumbTop = ref(0)\n    // computed\n    const hueValue = computed(() => {\n      return props.color.get('hue')\n    })\n    // watch\n    watch(\n      () => hueValue.value,\n      () => {\n        update()\n      }\n    )\n\n    // methods\n    function handleClick(event: Event) {\n      const target = event.target\n\n      if (target !== thumb.value) {\n        handleDrag(event)\n      }\n    }\n\n    function handleDrag(event) {\n      const el = instance.vnode.el as HTMLElement\n      const rect = el.getBoundingClientRect()\n      const { clientX, clientY } = getClientXY(event)\n      let hue\n\n      if (!props.vertical) {\n        let left = clientX - rect.left\n        left = Math.min(left, rect.width - thumb.value.offsetWidth / 2)\n        left = Math.max(thumb.value.offsetWidth / 2, left)\n\n        hue = Math.round(\n          ((left - thumb.value.offsetWidth / 2) /\n            (rect.width - thumb.value.offsetWidth)) *\n            360\n        )\n      } else {\n        let top = clientY - rect.top\n\n        top = Math.min(top, rect.height - thumb.value.offsetHeight / 2)\n        top = Math.max(thumb.value.offsetHeight / 2, top)\n        hue = Math.round(\n          ((top - thumb.value.offsetHeight / 2) /\n            (rect.height - thumb.value.offsetHeight)) *\n            360\n        )\n      }\n      props.color.set('hue', hue)\n    }\n\n    function getThumbLeft() {\n      const el = instance.vnode.el\n\n      if (props.vertical) return 0\n      const hue = props.color.get('hue')\n\n      if (!el) return 0\n      return Math.round(\n        (hue * (el.offsetWidth - thumb.value.offsetWidth / 2)) / 360\n      )\n    }\n\n    function getThumbTop() {\n      const el = instance.vnode.el as HTMLElement\n      if (!props.vertical) return 0\n      const hue = props.color.get('hue')\n\n      if (!el) return 0\n      return Math.round(\n        (hue * (el.offsetHeight - thumb.value.offsetHeight / 2)) / 360\n      )\n    }\n\n    function update() {\n      thumbLeft.value = getThumbLeft()\n      thumbTop.value = getThumbTop()\n    }\n\n    // mounded\n    onMounted(() => {\n      const dragConfig = {\n        drag: (event) => {\n          handleDrag(event)\n        },\n        end: (event) => {\n          handleDrag(event)\n        },\n      }\n\n      draggable(bar.value, dragConfig)\n      draggable(thumb.value, dragConfig)\n      update()\n    })\n\n    return {\n      bar,\n      thumb,\n      thumbLeft,\n      thumbTop,\n      hueValue,\n      handleClick,\n      update,\n    }\n  },\n})\n</script>\n"],"names":["_createElementBlock","_normalizeClass","_createElementVNode","_normalizeStyle"],"mappings":"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"}

package/es/components/color-picker/src/components/predefine.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"predefine.mjs","sources":["../../../../../../../packages/components/color-picker/src/components/predefine.vue"],"sourcesContent":["<template>\n  <div class=\"el-color-predefine\">\n    <div class=\"el-color-predefine__colors\">\n      <div\n        v-for=\"(item, index) in rgbaColors\"\n        :key=\"colors[index]\"\n        class=\"el-color-predefine__color-selector\"\n        :class=\"{ selected: item.selected, 'is-alpha': item._alpha < 100 }\"\n        @click=\"handleSelect(index)\"\n      >\n        <div :style=\"{ backgroundColor: item.value }\"></div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { ref, watch, watchEffect, defineComponent } from 'vue'\nimport { useOptions } from '../useOption'\nimport Color from '../color'\n\nimport type { PropType } from 'vue'\n\nexport default defineComponent({\n  props: {\n    colors: { type: Array, required: true },\n    color: {\n      type: Object as PropType<Color>,\n      required: true,\n    },\n  },\n  setup(props) {\n    const { currentColor } = useOptions()\n    //data\n    const rgbaColors = ref(parseColors(props.colors, props.color))\n\n    //watch\n    watch(\n      () => currentColor.value,\n      (val) => {\n        const color = new Color()\n        color.fromString(val)\n\n        rgbaColors.value.forEach((item) => {\n          item.selected = color.compare(item)\n        })\n      }\n    )\n    watchEffect(() => {\n      rgbaColors.value = parseColors(props.colors, props.color)\n    })\n\n    function handleSelect(index) {\n      props.color.fromString(props.colors[index])\n    }\n    function parseColors(colors, color) {\n      return colors.map((value) => {\n        const c = new Color()\n        c.enableAlpha = true\n        c.format = 'rgba'\n        c.fromString(value)\n        c.selected = c.value === color.value\n        return c\n      })\n    }\n    return {\n      rgbaColors,\n      handleSelect,\n    }\n  },\n})\n</script>\n"],"names":["_createElementBlock","_createElementVNode","_Fragment","_normalizeClass","_normalizeStyle"],"mappings":";;;;;AAuBA,MAAK,YAAa,gBAAa;AAAA,EAC7B,OAAO;AAAA,IACL,QAAQ,EAAE,MAAM,OAAO,UAAU;AAAA,IACjC,OAAO;AAAA,MACL,MAAM;AAAA,MACN,UAAU;AAAA;AAAA;AAAA,EAGd,MAAM,OAAO;AACX,UAAM,EAAE,iBAAiB;AAEzB,UAAM,aAAa,IAAI,YAAY,MAAM,QAAQ,MAAM;AAGvD,UACE,MAAM,aAAa,OACnB,CAAC,QAAQ;AACP,YAAM,QAAQ,IAAI;AAClB,YAAM,WAAW;AAEjB,iBAAW,MAAM,QAAQ,CAAC,SAAS;AACjC,aAAK,WAAW,MAAM,QAAQ;AAAA;AAAA;AAIpC,gBAAY,MAAM;AAChB,iBAAW,QAAQ,YAAY,MAAM,QAAQ,MAAM;AAAA;AAGrD,0BAAsB,OAAO;AAC3B,YAAM,MAAM,WAAW,MAAM,OAAO;AAAA;AAEtC,yBAAqB,QAAQ,OAAO;AAClC,aAAO,OAAO,IAAI,CAAC,UAAU;AAC3B,cAAM,IAAI,IAAI;AACd,UAAE,cAAc;AAChB,UAAE,SAAS;AACX,UAAE,WAAW;AACb,UAAE,WAAW,EAAE,UAAU,MAAM;AAC/B,eAAO;AAAA;AAAA;AAGX,WAAO;AAAA,MACL;AAAA,MACA;AAAA;AAAA;AAAA;qBAlEC,OAAM;qBACJ,OAAM;;;sBADbA,mBAYM,OAZN,YAYM;AAAA,IAXJC,mBAUM,OAVN,YAUM;AAAA,wBATJD,mBAQME,2BAPoB,iBAAU,CAA1B,MAAM,UAAK;4BADrBF,mBAQM;AAAA,UANH,KAAK,YAAO;AAAA,UACb,OAAKG,gBAAC,sCAAoC,YACtB,KAAK,UAAQ,YAAc,KAAK,SAAM;AAAA,UACzD,SAAK,YAAE,kBAAa;AAAA;UAErBF,mBAAoD;AAAA,YAA9C,OAAKG,kCAAqB,KAAK;AAAA;;;;;;;;;;"}
+{"version":3,"file":"predefine.mjs","sources":["../../../../../../../packages/components/color-picker/src/components/predefine.vue"],"sourcesContent":["<template>\n  <div class=\"el-color-predefine\">\n    <div class=\"el-color-predefine__colors\">\n      <div\n        v-for=\"(item, index) in rgbaColors\"\n        :key=\"colors[index]\"\n        class=\"el-color-predefine__color-selector\"\n        :class=\"{ selected: item.selected, 'is-alpha': item._alpha < 100 }\"\n        @click=\"handleSelect(index)\"\n      >\n        <div :style=\"{ backgroundColor: item.value }\"></div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { ref, watch, watchEffect, defineComponent } from 'vue'\nimport { useOptions } from '../useOption'\nimport Color from '../color'\n\nimport type { PropType } from 'vue'\n\nexport default defineComponent({\n  props: {\n    colors: { type: Array, required: true },\n    color: {\n      type: Object as PropType<Color>,\n      required: true,\n    },\n  },\n  setup(props) {\n    const { currentColor } = useOptions()\n    //data\n    const rgbaColors = ref(parseColors(props.colors, props.color))\n\n    //watch\n    watch(\n      () => currentColor.value,\n      (val) => {\n        const color = new Color()\n        color.fromString(val)\n\n        rgbaColors.value.forEach((item) => {\n          item.selected = color.compare(item)\n        })\n      }\n    )\n    watchEffect(() => {\n      rgbaColors.value = parseColors(props.colors, props.color)\n    })\n\n    function handleSelect(index) {\n      props.color.fromString(props.colors[index])\n    }\n    function parseColors(colors, color) {\n      return colors.map((value) => {\n        const c = new Color()\n        c.enableAlpha = true\n        c.format = 'rgba'\n        c.fromString(value)\n        c.selected = c.value === color.value\n        return c\n      })\n    }\n    return {\n      rgbaColors,\n      handleSelect,\n    }\n  },\n})\n</script>\n"],"names":["_openBlock","_createElementBlock","_createElementVNode","_Fragment","_renderList","_normalizeClass","_normalizeStyle"],"mappings":"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"}

package/es/components/color-picker/src/components/sv-panel.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"sv-panel.mjs","sources":["../../../../../../../packages/components/color-picker/src/components/sv-panel.vue"],"sourcesContent":["<template>\n  <div\n    class=\"el-color-svpanel\"\n    :style=\"{\n      backgroundColor: background,\n    }\"\n  >\n    <div class=\"el-color-svpanel__white\"></div>\n    <div class=\"el-color-svpanel__black\"></div>\n    <div\n      class=\"el-color-svpanel__cursor\"\n      :style=\"{\n        top: cursorTop + 'px',\n        left: cursorLeft + 'px',\n      }\"\n    >\n      <div></div>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport {\n  defineComponent,\n  ref,\n  computed,\n  watch,\n  getCurrentInstance,\n  onMounted,\n} from 'vue'\nimport { getClientXY } from '@element-plus/utils'\nimport draggable from '../draggable'\n\nimport type { PropType } from 'vue'\nimport type Color from '../color'\n\nexport default defineComponent({\n  name: 'ElSlPanel',\n\n  props: {\n    color: {\n      type: Object as PropType<Color>,\n      required: true,\n    },\n  },\n  setup(props) {\n    // instance\n    const instance = getCurrentInstance()\n    // data\n    const cursorTop = ref(0)\n    const cursorLeft = ref(0)\n    const background = ref('hsl(0, 100%, 50%)')\n    const colorValue = computed(() => {\n      const hue = props.color.get('hue')\n      const value = props.color.get('value')\n      return { hue, value }\n    })\n\n    // methods\n    function update() {\n      const saturation = props.color.get('saturation')\n      const value = props.color.get('value')\n\n      const el = instance.vnode.el\n      const { clientWidth: width, clientHeight: height } = el\n\n      cursorLeft.value = (saturation * width) / 100\n      cursorTop.value = ((100 - value) * height) / 100\n\n      background.value = `hsl(${props.color.get('hue')}, 100%, 50%)`\n    }\n\n    function handleDrag(event) {\n      const el = instance.vnode.el\n      const rect = el.getBoundingClientRect()\n      const { clientX, clientY } = getClientXY(event)\n\n      let left = clientX - rect.left\n      let top = clientY - rect.top\n      left = Math.max(0, left)\n      left = Math.min(left, rect.width)\n\n      top = Math.max(0, top)\n      top = Math.min(top, rect.height)\n\n      cursorLeft.value = left\n      cursorTop.value = top\n      props.color.set({\n        saturation: (left / rect.width) * 100,\n        value: 100 - (top / rect.height) * 100,\n      })\n    }\n\n    // watch\n    watch(\n      () => colorValue.value,\n      () => {\n        update()\n      }\n    )\n    // mounted\n    onMounted(() => {\n      draggable(instance.vnode.el as HTMLElement, {\n        drag: (event) => {\n          handleDrag(event)\n        },\n        end: (event) => {\n          handleDrag(event)\n        },\n      })\n\n      update()\n    })\n    return {\n      cursorTop,\n      cursorLeft,\n      background,\n      colorValue,\n      handleDrag,\n      update,\n    }\n  },\n})\n</script>\n"],"names":["_createElementBlock","_normalizeStyle","_createElementVNode"],"mappings":";;;;;;AAoCA,MAAK,YAAa,gBAAa;AAAA,EAC7B,MAAM;AAAA,EAEN,OAAO;AAAA,IACL,OAAO;AAAA,MACL,MAAM;AAAA,MACN,UAAU;AAAA;AAAA;AAAA,EAGd,MAAM,OAAO;AAEX,UAAM,WAAW;AAEjB,UAAM,YAAY,IAAI;AACtB,UAAM,aAAa,IAAI;AACvB,UAAM,aAAa,IAAI;AACvB,UAAM,aAAa,SAAS,MAAM;AAChC,YAAM,MAAM,MAAM,MAAM,IAAI;AAC5B,YAAM,QAAQ,MAAM,MAAM,IAAI;AAC9B,aAAO,EAAE,KAAK;AAAA;AAIhB,sBAAkB;AAChB,YAAM,aAAa,MAAM,MAAM,IAAI;AACnC,YAAM,QAAQ,MAAM,MAAM,IAAI;AAE9B,YAAM,KAAK,SAAS,MAAM;AAC1B,YAAM,EAAE,aAAa,OAAO,cAAc,WAAW;AAErD,iBAAW,QAAS,aAAa,QAAS;AAC1C,gBAAU,QAAU,OAAM,SAAS,SAAU;AAE7C,iBAAW,QAAQ,OAAO,MAAM,MAAM,IAAI;AAAA;AAG5C,wBAAoB,OAAO;AACzB,YAAM,KAAK,SAAS,MAAM;AAC1B,YAAM,OAAO,GAAG;AAChB,YAAM,EAAE,SAAS,YAAY,YAAY;AAEzC,UAAI,OAAO,UAAU,KAAK;AAC1B,UAAI,MAAM,UAAU,KAAK;AACzB,aAAO,KAAK,IAAI,GAAG;AACnB,aAAO,KAAK,IAAI,MAAM,KAAK;AAE3B,YAAM,KAAK,IAAI,GAAG;AAClB,YAAM,KAAK,IAAI,KAAK,KAAK;AAEzB,iBAAW,QAAQ;AACnB,gBAAU,QAAQ;AAClB,YAAM,MAAM,IAAI;AAAA,QACd,YAAa,OAAO,KAAK,QAAS;AAAA,QAClC,OAAO,MAAO,MAAM,KAAK,SAAU;AAAA;AAAA;AAKvC,UACE,MAAM,WAAW,OACjB,MAAM;AACJ;AAAA;AAIJ,cAAU,MAAM;AACd,gBAAU,SAAS,MAAM,IAAmB;AAAA,QAC1C,MAAM,CAAC,UAAU;AACf,qBAAW;AAAA;AAAA,QAEb,KAAK,CAAC,UAAU;AACd,qBAAW;AAAA;AAAA;AAIf;AAAA;AAEF,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA;AAAA;sDAhHyC,SAAtC,OAAM,6BAAyB;sDACO,SAAtC,OAAM,6BAAyB;sDAQvB;;EAAX;AAAA;;sBAfJA,mBAiBM;AAAA,IAhBJ,OAAM;AAAA,IACL,OAAKC;AAAA,uBAA2B;AAAA;AAAA;IAIjC;AAAA,IACA;AAAA,IACAC,mBAQM;AAAA,MAPJ,OAAM;AAAA,MACL,OAAKD;AAAA,aAAiB,iBAAS;AAAA,cAAuB,kBAAU;AAAA;AAAA;;;;;;;"}
+{"version":3,"file":"sv-panel.mjs","sources":["../../../../../../../packages/components/color-picker/src/components/sv-panel.vue"],"sourcesContent":["<template>\n  <div\n    class=\"el-color-svpanel\"\n    :style=\"{\n      backgroundColor: background,\n    }\"\n  >\n    <div class=\"el-color-svpanel__white\"></div>\n    <div class=\"el-color-svpanel__black\"></div>\n    <div\n      class=\"el-color-svpanel__cursor\"\n      :style=\"{\n        top: cursorTop + 'px',\n        left: cursorLeft + 'px',\n      }\"\n    >\n      <div></div>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport {\n  defineComponent,\n  ref,\n  computed,\n  watch,\n  getCurrentInstance,\n  onMounted,\n} from 'vue'\nimport { getClientXY } from '@element-plus/utils'\nimport draggable from '../draggable'\n\nimport type { PropType } from 'vue'\nimport type Color from '../color'\n\nexport default defineComponent({\n  name: 'ElSlPanel',\n\n  props: {\n    color: {\n      type: Object as PropType<Color>,\n      required: true,\n    },\n  },\n  setup(props) {\n    // instance\n    const instance = getCurrentInstance()\n    // data\n    const cursorTop = ref(0)\n    const cursorLeft = ref(0)\n    const background = ref('hsl(0, 100%, 50%)')\n    const colorValue = computed(() => {\n      const hue = props.color.get('hue')\n      const value = props.color.get('value')\n      return { hue, value }\n    })\n\n    // methods\n    function update() {\n      const saturation = props.color.get('saturation')\n      const value = props.color.get('value')\n\n      const el = instance.vnode.el\n      const { clientWidth: width, clientHeight: height } = el\n\n      cursorLeft.value = (saturation * width) / 100\n      cursorTop.value = ((100 - value) * height) / 100\n\n      background.value = `hsl(${props.color.get('hue')}, 100%, 50%)`\n    }\n\n    function handleDrag(event) {\n      const el = instance.vnode.el\n      const rect = el.getBoundingClientRect()\n      const { clientX, clientY } = getClientXY(event)\n\n      let left = clientX - rect.left\n      let top = clientY - rect.top\n      left = Math.max(0, left)\n      left = Math.min(left, rect.width)\n\n      top = Math.max(0, top)\n      top = Math.min(top, rect.height)\n\n      cursorLeft.value = left\n      cursorTop.value = top\n      props.color.set({\n        saturation: (left / rect.width) * 100,\n        value: 100 - (top / rect.height) * 100,\n      })\n    }\n\n    // watch\n    watch(\n      () => colorValue.value,\n      () => {\n        update()\n      }\n    )\n    // mounted\n    onMounted(() => {\n      draggable(instance.vnode.el as HTMLElement, {\n        drag: (event) => {\n          handleDrag(event)\n        },\n        end: (event) => {\n          handleDrag(event)\n        },\n      })\n\n      update()\n    })\n    return {\n      cursorTop,\n      cursorLeft,\n      background,\n      colorValue,\n      handleDrag,\n      update,\n    }\n  },\n})\n</script>\n"],"names":["_createElementVNode","_createElementBlock","_normalizeStyle"],"mappings":"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"}

package/es/components/color-picker/src/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../../../../packages/components/color-picker/src/index.vue"],"sourcesContent":["<template>\n  <el-tooltip\n    ref=\"popper\"\n    v-model:visible=\"showPicker\"\n    :show-arrow=\"false\"\n    :fallback-placements=\"['bottom', 'top', 'right', 'left']\"\n    :offset=\"0\"\n    :gpu-acceleration=\"false\"\n    :popper-class=\"[ns.be('picker', 'panel'), ns.b('dropdown'), popperClass]\"\n    :stop-popper-mouse-event=\"false\"\n    effect=\"light\"\n    trigger=\"click\"\n    transition=\"el-zoom-in-top\"\n    persistent\n  >\n    <template #content>\n      <div v-click-outside=\"hide\">\n        <div :class=\"ns.be('dropdown', 'main-wrapper')\">\n          <hue-slider ref=\"hue\" class=\"hue-slider\" :color=\"color\" vertical />\n          <sv-panel ref=\"svPanel\" :color=\"color\" />\n        </div>\n        <alpha-slider v-if=\"showAlpha\" ref=\"alpha\" :color=\"color\" />\n        <predefine\n          v-if=\"predefine\"\n          ref=\"predefine\"\n          :color=\"color\"\n          :colors=\"predefine\"\n        />\n        <div :class=\"ns.be('dropdown', 'btns')\">\n          <span :class=\"ns.be('dropdown', 'value')\">\n            <el-input\n              v-model=\"customInput\"\n              :validate-event=\"false\"\n              size=\"small\"\n              @keyup.enter=\"handleConfirm\"\n              @blur=\"handleConfirm\"\n            />\n          </span>\n          <el-button\n            size=\"small\"\n            type=\"text\"\n            :class=\"ns.be('dropdown', 'link-btn')\"\n            @click=\"clear\"\n          >\n            {{ t('el.colorpicker.clear') }}\n          </el-button>\n          <el-button\n            plain\n            size=\"small\"\n            :class=\"ns.be('dropdown', 'btn')\"\n            @click=\"confirmValue\"\n          >\n            {{ t('el.colorpicker.confirm') }}\n          </el-button>\n        </div>\n      </div>\n    </template>\n    <template #default>\n      <div\n        :class=\"[\n          ns.b('picker'),\n          ns.is('disabled', colorDisabled),\n          ns.bm('picker', colorSize),\n        ]\"\n      >\n        <div v-if=\"colorDisabled\" :class=\"ns.be('picker', 'mask')\"></div>\n        <div :class=\"ns.be('picker', 'trigger')\" @click=\"handleTrigger\">\n          <span :class=\"[ns.be('picker', 'color'), ns.is('alpha', showAlpha)]\">\n            <span\n              :class=\"ns.be('picker', 'color-inner')\"\n              :style=\"{\n                backgroundColor: displayedColor,\n              }\"\n            >\n              <el-icon\n                v-show=\"modelValue || showPanelColor\"\n                :class=\"[ns.be('picker', 'icon'), ns.is('icon-arrow-down')]\"\n              >\n                <arrow-down />\n              </el-icon>\n              <el-icon\n                v-if=\"!modelValue && !showPanelColor\"\n                :class=\"[ns.be('picker', 'empty'), ns.is('icon-close')]\"\n              >\n                <close />\n              </el-icon>\n            </span>\n          </span>\n        </div>\n      </div>\n    </template>\n  </el-tooltip>\n</template>\n\n<script lang=\"ts\">\nimport {\n  computed,\n  defineComponent,\n  inject,\n  nextTick,\n  onMounted,\n  provide,\n  reactive,\n  ref,\n  watch,\n} from 'vue'\nimport { debounce } from 'lodash-unified'\nimport ElButton from '@element-plus/components/button'\nimport ElIcon from '@element-plus/components/icon'\nimport { ClickOutside } from '@element-plus/directives'\nimport { formItemContextKey, formContextKey } from '@element-plus/tokens'\nimport { useLocale, useSize, useNamespace } from '@element-plus/hooks'\nimport ElTooltip from '@element-plus/components/tooltip'\nimport ElInput from '@element-plus/components/input'\nimport { UPDATE_MODEL_EVENT } from '@element-plus/constants'\nimport { debugWarn, isValidComponentSize } from '@element-plus/utils'\nimport { Close, ArrowDown } from '@element-plus/icons-vue'\nimport AlphaSlider from './components/alpha-slider.vue'\nimport HueSlider from './components/hue-slider.vue'\nimport Predefine from './components/predefine.vue'\nimport SvPanel from './components/sv-panel.vue'\nimport Color from './color'\nimport { OPTIONS_KEY } from './useOption'\nimport type { PropType } from 'vue'\nimport type { FormContext, FormItemContext } from '@element-plus/tokens'\nimport type { ComponentSize } from '@element-plus/constants'\nimport type { IUseOptions } from './useOption'\n\nexport default defineComponent({\n  name: 'ElColorPicker',\n  components: {\n    ElButton,\n    ElTooltip,\n    ElInput,\n    ElIcon,\n    Close,\n    ArrowDown,\n    SvPanel,\n    HueSlider,\n    AlphaSlider,\n    Predefine,\n  },\n  directives: {\n    ClickOutside,\n  },\n  props: {\n    modelValue: String,\n    showAlpha: Boolean,\n    colorFormat: String,\n    disabled: Boolean,\n    size: {\n      type: String as PropType<ComponentSize>,\n      validator: isValidComponentSize,\n    },\n    popperClass: String,\n    predefine: Array,\n  },\n  emits: ['change', 'active-change', UPDATE_MODEL_EVENT],\n  setup(props, { emit }) {\n    const { t } = useLocale()\n    const ns = useNamespace('color')\n    const elForm = inject(formContextKey, {} as FormContext)\n    const elFormItem = inject(formItemContextKey, {} as FormItemContext)\n\n    const hue = ref(null)\n    const svPanel = ref(null)\n    const alpha = ref(null)\n    const popper = ref(null)\n    // data\n    const color = reactive(\n      new Color({\n        enableAlpha: props.showAlpha,\n        format: props.colorFormat,\n        value: props.modelValue,\n      })\n    )\n    const showPicker = ref(false)\n    const showPanelColor = ref(false)\n    const customInput = ref('')\n    // computed\n    const displayedColor = computed(() => {\n      if (!props.modelValue && !showPanelColor.value) {\n        return 'transparent'\n      }\n      return displayedRgb(color, props.showAlpha)\n    })\n    const colorSize = useSize()\n    const colorDisabled = computed(() => {\n      return !!(props.disabled || elForm.disabled)\n    })\n\n    const currentColor = computed(() => {\n      return !props.modelValue && !showPanelColor.value ? '' : color.value\n    })\n    // watch\n    watch(\n      () => props.modelValue,\n      (newVal) => {\n        if (!newVal) {\n          showPanelColor.value = false\n        } else if (newVal && newVal !== color.value) {\n          color.fromString(newVal)\n        }\n      }\n    )\n    watch(\n      () => currentColor.value,\n      (val) => {\n        customInput.value = val\n        emit('active-change', val)\n      }\n    )\n\n    watch(\n      () => color.value,\n      () => {\n        if (!props.modelValue && !showPanelColor.value) {\n          showPanelColor.value = true\n        }\n      }\n    )\n\n    // methods\n    function displayedRgb(color, showAlpha) {\n      if (!(color instanceof Color)) {\n        throw Error('color should be instance of _color Class')\n      }\n\n      const { r, g, b } = color.toRgb()\n      return showAlpha\n        ? `rgba(${r}, ${g}, ${b}, ${color.get('alpha') / 100})`\n        : `rgb(${r}, ${g}, ${b})`\n    }\n\n    function setShowPicker(value) {\n      showPicker.value = value\n    }\n\n    const debounceSetShowPicker = debounce(setShowPicker, 100)\n\n    function hide() {\n      debounceSetShowPicker(false)\n      resetColor()\n    }\n\n    function resetColor() {\n      nextTick(() => {\n        if (props.modelValue) {\n          color.fromString(props.modelValue)\n        } else {\n          showPanelColor.value = false\n        }\n      })\n    }\n\n    function handleTrigger() {\n      if (colorDisabled.value) return\n      debounceSetShowPicker(!showPicker.value)\n    }\n\n    function handleConfirm() {\n      color.fromString(customInput.value)\n    }\n\n    function confirmValue() {\n      const value = color.value\n      emit(UPDATE_MODEL_EVENT, value)\n      emit('change', value)\n      elFormItem.validate?.('change').catch((err) => debugWarn(err))\n      debounceSetShowPicker(false)\n      // check if modelValue change, if not change, then reset color.\n      nextTick(() => {\n        const newColor = new Color({\n          enableAlpha: props.showAlpha,\n          format: props.colorFormat,\n          value: props.modelValue,\n        })\n        if (!color.compare(newColor)) {\n          resetColor()\n        }\n      })\n    }\n\n    function clear() {\n      debounceSetShowPicker(false)\n      emit(UPDATE_MODEL_EVENT, null)\n      emit('change', null)\n      if (props.modelValue !== null) {\n        elFormItem.validate?.('change').catch((err) => debugWarn(err))\n      }\n      resetColor()\n    }\n\n    onMounted(() => {\n      if (props.modelValue) {\n        customInput.value = currentColor.value\n      }\n    })\n    watch(\n      () => showPicker.value,\n      () => {\n        nextTick(() => {\n          hue.value?.update()\n          svPanel.value?.update()\n          alpha.value?.update()\n        })\n      }\n    )\n\n    provide<IUseOptions>(OPTIONS_KEY, {\n      currentColor,\n    })\n\n    return {\n      color: color as Color,\n      colorDisabled,\n      colorSize,\n      displayedColor,\n      showPanelColor,\n      showPicker,\n      customInput,\n      handleConfirm,\n      hide,\n      handleTrigger,\n      clear,\n      confirmValue,\n      t,\n      ns,\n      hue,\n      svPanel,\n      alpha,\n      popper,\n    }\n  },\n})\n</script>\n"],"names":["_normalizeClass"],"mappings":"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"}
+{"version":3,"file":"index.mjs","sources":["../../../../../../packages/components/color-picker/src/index.vue"],"sourcesContent":["<template>\n  <el-tooltip\n    ref=\"popper\"\n    v-model:visible=\"showPicker\"\n    :show-arrow=\"false\"\n    :fallback-placements=\"['bottom', 'top', 'right', 'left']\"\n    :offset=\"0\"\n    :gpu-acceleration=\"false\"\n    :popper-class=\"[ns.be('picker', 'panel'), ns.b('dropdown'), popperClass]\"\n    :stop-popper-mouse-event=\"false\"\n    effect=\"light\"\n    trigger=\"click\"\n    transition=\"el-zoom-in-top\"\n    persistent\n  >\n    <template #content>\n      <div v-click-outside=\"hide\">\n        <div :class=\"ns.be('dropdown', 'main-wrapper')\">\n          <hue-slider ref=\"hue\" class=\"hue-slider\" :color=\"color\" vertical />\n          <sv-panel ref=\"svPanel\" :color=\"color\" />\n        </div>\n        <alpha-slider v-if=\"showAlpha\" ref=\"alpha\" :color=\"color\" />\n        <predefine\n          v-if=\"predefine\"\n          ref=\"predefine\"\n          :color=\"color\"\n          :colors=\"predefine\"\n        />\n        <div :class=\"ns.be('dropdown', 'btns')\">\n          <span :class=\"ns.be('dropdown', 'value')\">\n            <el-input\n              v-model=\"customInput\"\n              :validate-event=\"false\"\n              size=\"small\"\n              @keyup.enter=\"handleConfirm\"\n              @blur=\"handleConfirm\"\n            />\n          </span>\n          <el-button\n            size=\"small\"\n            type=\"text\"\n            :class=\"ns.be('dropdown', 'link-btn')\"\n            @click=\"clear\"\n          >\n            {{ t('el.colorpicker.clear') }}\n          </el-button>\n          <el-button\n            plain\n            size=\"small\"\n            :class=\"ns.be('dropdown', 'btn')\"\n            @click=\"confirmValue\"\n          >\n            {{ t('el.colorpicker.confirm') }}\n          </el-button>\n        </div>\n      </div>\n    </template>\n    <template #default>\n      <div\n        :class=\"[\n          ns.b('picker'),\n          ns.is('disabled', colorDisabled),\n          ns.bm('picker', colorSize),\n        ]\"\n      >\n        <div v-if=\"colorDisabled\" :class=\"ns.be('picker', 'mask')\"></div>\n        <div :class=\"ns.be('picker', 'trigger')\" @click=\"handleTrigger\">\n          <span :class=\"[ns.be('picker', 'color'), ns.is('alpha', showAlpha)]\">\n            <span\n              :class=\"ns.be('picker', 'color-inner')\"\n              :style=\"{\n                backgroundColor: displayedColor,\n              }\"\n            >\n              <el-icon\n                v-show=\"modelValue || showPanelColor\"\n                :class=\"[ns.be('picker', 'icon'), ns.is('icon-arrow-down')]\"\n              >\n                <arrow-down />\n              </el-icon>\n              <el-icon\n                v-if=\"!modelValue && !showPanelColor\"\n                :class=\"[ns.be('picker', 'empty'), ns.is('icon-close')]\"\n              >\n                <close />\n              </el-icon>\n            </span>\n          </span>\n        </div>\n      </div>\n    </template>\n  </el-tooltip>\n</template>\n\n<script lang=\"ts\">\nimport {\n  computed,\n  defineComponent,\n  inject,\n  nextTick,\n  onMounted,\n  provide,\n  reactive,\n  ref,\n  watch,\n} from 'vue'\nimport { debounce } from 'lodash-unified'\nimport ElButton from '@element-plus/components/button'\nimport ElIcon from '@element-plus/components/icon'\nimport { ClickOutside } from '@element-plus/directives'\nimport { formItemContextKey, formContextKey } from '@element-plus/tokens'\nimport { useLocale, useSize, useNamespace } from '@element-plus/hooks'\nimport ElTooltip from '@element-plus/components/tooltip'\nimport ElInput from '@element-plus/components/input'\nimport { UPDATE_MODEL_EVENT } from '@element-plus/constants'\nimport { debugWarn, isValidComponentSize } from '@element-plus/utils'\nimport { Close, ArrowDown } from '@element-plus/icons-vue'\nimport AlphaSlider from './components/alpha-slider.vue'\nimport HueSlider from './components/hue-slider.vue'\nimport Predefine from './components/predefine.vue'\nimport SvPanel from './components/sv-panel.vue'\nimport Color from './color'\nimport { OPTIONS_KEY } from './useOption'\nimport type { PropType } from 'vue'\nimport type { FormContext, FormItemContext } from '@element-plus/tokens'\nimport type { ComponentSize } from '@element-plus/constants'\nimport type { IUseOptions } from './useOption'\n\nexport default defineComponent({\n  name: 'ElColorPicker',\n  components: {\n    ElButton,\n    ElTooltip,\n    ElInput,\n    ElIcon,\n    Close,\n    ArrowDown,\n    SvPanel,\n    HueSlider,\n    AlphaSlider,\n    Predefine,\n  },\n  directives: {\n    ClickOutside,\n  },\n  props: {\n    modelValue: String,\n    showAlpha: Boolean,\n    colorFormat: String,\n    disabled: Boolean,\n    size: {\n      type: String as PropType<ComponentSize>,\n      validator: isValidComponentSize,\n    },\n    popperClass: String,\n    predefine: Array,\n  },\n  emits: ['change', 'active-change', UPDATE_MODEL_EVENT],\n  setup(props, { emit }) {\n    const { t } = useLocale()\n    const ns = useNamespace('color')\n    const elForm = inject(formContextKey, {} as FormContext)\n    const elFormItem = inject(formItemContextKey, {} as FormItemContext)\n\n    const hue = ref(null)\n    const svPanel = ref(null)\n    const alpha = ref(null)\n    const popper = ref(null)\n    // data\n    const color = reactive(\n      new Color({\n        enableAlpha: props.showAlpha,\n        format: props.colorFormat,\n        value: props.modelValue,\n      })\n    )\n    const showPicker = ref(false)\n    const showPanelColor = ref(false)\n    const customInput = ref('')\n    // computed\n    const displayedColor = computed(() => {\n      if (!props.modelValue && !showPanelColor.value) {\n        return 'transparent'\n      }\n      return displayedRgb(color, props.showAlpha)\n    })\n    const colorSize = useSize()\n    const colorDisabled = computed(() => {\n      return !!(props.disabled || elForm.disabled)\n    })\n\n    const currentColor = computed(() => {\n      return !props.modelValue && !showPanelColor.value ? '' : color.value\n    })\n    // watch\n    watch(\n      () => props.modelValue,\n      (newVal) => {\n        if (!newVal) {\n          showPanelColor.value = false\n        } else if (newVal && newVal !== color.value) {\n          color.fromString(newVal)\n        }\n      }\n    )\n    watch(\n      () => currentColor.value,\n      (val) => {\n        customInput.value = val\n        emit('active-change', val)\n      }\n    )\n\n    watch(\n      () => color.value,\n      () => {\n        if (!props.modelValue && !showPanelColor.value) {\n          showPanelColor.value = true\n        }\n      }\n    )\n\n    // methods\n    function displayedRgb(color, showAlpha) {\n      if (!(color instanceof Color)) {\n        throw Error('color should be instance of _color Class')\n      }\n\n      const { r, g, b } = color.toRgb()\n      return showAlpha\n        ? `rgba(${r}, ${g}, ${b}, ${color.get('alpha') / 100})`\n        : `rgb(${r}, ${g}, ${b})`\n    }\n\n    function setShowPicker(value) {\n      showPicker.value = value\n    }\n\n    const debounceSetShowPicker = debounce(setShowPicker, 100)\n\n    function hide() {\n      debounceSetShowPicker(false)\n      resetColor()\n    }\n\n    function resetColor() {\n      nextTick(() => {\n        if (props.modelValue) {\n          color.fromString(props.modelValue)\n        } else {\n          showPanelColor.value = false\n        }\n      })\n    }\n\n    function handleTrigger() {\n      if (colorDisabled.value) return\n      debounceSetShowPicker(!showPicker.value)\n    }\n\n    function handleConfirm() {\n      color.fromString(customInput.value)\n    }\n\n    function confirmValue() {\n      const value = color.value\n      emit(UPDATE_MODEL_EVENT, value)\n      emit('change', value)\n      elFormItem.validate?.('change').catch((err) => debugWarn(err))\n      debounceSetShowPicker(false)\n      // check if modelValue change, if not change, then reset color.\n      nextTick(() => {\n        const newColor = new Color({\n          enableAlpha: props.showAlpha,\n          format: props.colorFormat,\n          value: props.modelValue,\n        })\n        if (!color.compare(newColor)) {\n          resetColor()\n        }\n      })\n    }\n\n    function clear() {\n      debounceSetShowPicker(false)\n      emit(UPDATE_MODEL_EVENT, null)\n      emit('change', null)\n      if (props.modelValue !== null) {\n        elFormItem.validate?.('change').catch((err) => debugWarn(err))\n      }\n      resetColor()\n    }\n\n    onMounted(() => {\n      if (props.modelValue) {\n        customInput.value = currentColor.value\n      }\n    })\n    watch(\n      () => showPicker.value,\n      () => {\n        nextTick(() => {\n          hue.value?.update()\n          svPanel.value?.update()\n          alpha.value?.update()\n        })\n      }\n    )\n\n    provide<IUseOptions>(OPTIONS_KEY, {\n      currentColor,\n    })\n\n    return {\n      color: color as Color,\n      colorDisabled,\n      colorSize,\n      displayedColor,\n      showPanelColor,\n      showPicker,\n      customInput,\n      handleConfirm,\n      hide,\n      handleTrigger,\n      clear,\n      confirmValue,\n      t,\n      ns,\n      hue,\n      svPanel,\n      alpha,\n      popper,\n    }\n  },\n})\n</script>\n"],"names":["_resolveComponent","_resolveDirective","_openBlock","_createBlock","_withCtx","_withDirectives","_createElementBlock","_normalizeClass","_createVNode","_createCommentVNode","_createElementVNode","_normalizeStyle","_vShow"],"mappings":"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"}

package/es/components/container/src/aside.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"aside.mjs","sources":["../../../../../../packages/components/container/src/aside.vue"],"sourcesContent":["<template>\n  <aside :class=\"ns.b()\" :style=\"style\">\n    <slot></slot>\n  </aside>\n</template>\n<script lang=\"ts\">\nimport { computed, defineComponent } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\n\nimport type { CSSProperties } from 'vue'\n\nexport default defineComponent({\n  name: 'ElAside',\n  props: {\n    width: {\n      type: String,\n      default: null,\n    },\n  },\n  setup(props) {\n    const ns = useNamespace('aside')\n\n    return {\n      style: computed(() => {\n        return props.width\n          ? ({ '--el-aside-width': props.width } as CSSProperties)\n          : {}\n      }),\n      ns,\n    }\n  },\n})\n</script>\n"],"names":["_createElementBlock","_normalizeClass","_normalizeStyle","_renderSlot"],"mappings":";;;;;AAWA,MAAK,YAAa,gBAAa;AAAA,EAC7B,MAAM;AAAA,EACN,OAAO;AAAA,IACL,OAAO;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA;AAAA;AAAA,EAGb,MAAM,OAAO;AACX,UAAM,KAAK,aAAa;AAExB,WAAO;AAAA,MACL,OAAO,SAAS,MAAM;AACpB,eAAO,MAAM,QACR,EAAE,oBAAoB,MAAM,UAC7B;AAAA;AAAA,MAEN;AAAA;AAAA;AAAA;;sBA3BJA,mBAEQ;AAAA,IAFA,OAAKC,eAAE,QAAG;AAAA,IAAM,OAAKC,eAAE;AAAA;IAC7BC,WAAa;AAAA;;;;;;"}
+{"version":3,"file":"aside.mjs","sources":["../../../../../../packages/components/container/src/aside.vue"],"sourcesContent":["<template>\n  <aside :class=\"ns.b()\" :style=\"style\">\n    <slot></slot>\n  </aside>\n</template>\n<script lang=\"ts\">\nimport { computed, defineComponent } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\n\nimport type { CSSProperties } from 'vue'\n\nexport default defineComponent({\n  name: 'ElAside',\n  props: {\n    width: {\n      type: String,\n      default: null,\n    },\n  },\n  setup(props) {\n    const ns = useNamespace('aside')\n\n    return {\n      style: computed(() => {\n        return props.width\n          ? ({ '--el-aside-width': props.width } as CSSProperties)\n          : {}\n      }),\n      ns,\n    }\n  },\n})\n</script>\n"],"names":["_createElementBlock","_normalizeClass","_normalizeStyle","_renderSlot"],"mappings":";;;;;AAWA,MAAK,YAAa,eAAa,CAAA;AAAA,EAC7B,IAAM,EAAA,SAAA;AAAA,EACN,KAAO,EAAA;AAAA,IACL,KAAO,EAAA;AAAA,MACL,IAAM,EAAA,MAAA;AAAA,MACN,OAAS,EAAA,IAAA;AAAA,KAAA;AAAA,GAAA;AAAA,EAGb,MAAM,KAAO,EAAA;AACX,IAAA,MAAM,KAAK,YAAa,CAAA,OAAA,CAAA,CAAA;AAExB,IAAO,OAAA;AAAA,MACL,KAAA,EAAO,SAAS,MAAM;AACpB,QAAA,OAAO,KAAM,CAAA,KAAA,GACR,EAAE,kBAAA,EAAoB,MAAM,KAC7B,EAAA,GAAA,EAAA,CAAA;AAAA,OAAA,CAAA;AAAA,MAEN,EAAA;AAAA,KAAA,CAAA;AAAA,GAAA;AAAA,CAAA,CAAA,CAAA;;sBA3BJA,kBAEQ,CAAA,OAAA,EAAA;AAAA,IAFA,KAAA,EAAKC,eAAE,IAAG,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA;AAAA,IAAM,OAAKC,cAAE,CAAA,IAAA,CAAA,KAAA,CAAA;AAAA,GAAA,EAAA;IAC7BC,UAAa,CAAA,IAAA,CAAA,MAAA,EAAA,SAAA,CAAA;AAAA,GAAA,EAAA,CAAA,CAAA,CAAA;;;;;;"}

package/es/components/container/src/container.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"container.mjs","sources":["../../../../../../packages/components/container/src/container.vue"],"sourcesContent":["<template>\n  <section :class=\"[ns.b(), ns.is('vertical', isVertical)]\">\n    <slot></slot>\n  </section>\n</template>\n<script lang=\"ts\">\nimport { defineComponent, computed } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\n\nimport type { Component, VNode } from 'vue'\n\nexport default defineComponent({\n  name: 'ElContainer',\n  props: {\n    direction: {\n      type: String,\n      default: '',\n    },\n  },\n  setup(props, { slots }) {\n    const ns = useNamespace('container')\n\n    const isVertical = computed(() => {\n      if (props.direction === 'vertical') {\n        return true\n      } else if (props.direction === 'horizontal') {\n        return false\n      }\n      if (slots && slots.default) {\n        const vNodes: VNode[] = slots.default()\n        return vNodes.some((vNode) => {\n          const tag = (vNode.type as Component).name\n          return tag === 'ElHeader' || tag === 'ElFooter'\n        })\n      } else {\n        return false\n      }\n    })\n    return {\n      isVertical,\n      ns,\n    }\n  },\n})\n</script>\n"],"names":["_createElementBlock","_normalizeClass","_renderSlot"],"mappings":";;;;;AAWA,MAAK,YAAa,gBAAa;AAAA,EAC7B,MAAM;AAAA,EACN,OAAO;AAAA,IACL,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA;AAAA;AAAA,EAGb,MAAM,OAAO,EAAE,SAAS;AACtB,UAAM,KAAK,aAAa;AAExB,UAAM,aAAa,SAAS,MAAM;AAChC,UAAI,MAAM,cAAc,YAAY;AAClC,eAAO;AAAA,iBACE,MAAM,cAAc,cAAc;AAC3C,eAAO;AAAA;AAET,UAAI,SAAS,MAAM,SAAS;AAC1B,cAAM,SAAkB,MAAM;AAC9B,eAAO,OAAO,KAAK,CAAC,UAAU;AAC5B,gBAAM,MAAO,MAAM,KAAmB;AACtC,iBAAO,QAAQ,cAAc,QAAQ;AAAA;AAAA,aAElC;AACL,eAAO;AAAA;AAAA;AAGX,WAAO;AAAA,MACL;AAAA,MACA;AAAA;AAAA;AAAA;;sBAvCJA,mBAEU;AAAA,IAFA,OAAKC,gBAAG,QAAG,KAAK,QAAG,GAAE,YAAa;AAAA;IAC1CC,WAAa;AAAA;;;;;;"}
+{"version":3,"file":"container.mjs","sources":["../../../../../../packages/components/container/src/container.vue"],"sourcesContent":["<template>\n  <section :class=\"[ns.b(), ns.is('vertical', isVertical)]\">\n    <slot></slot>\n  </section>\n</template>\n<script lang=\"ts\">\nimport { defineComponent, computed } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\n\nimport type { Component, VNode } from 'vue'\n\nexport default defineComponent({\n  name: 'ElContainer',\n  props: {\n    direction: {\n      type: String,\n      default: '',\n    },\n  },\n  setup(props, { slots }) {\n    const ns = useNamespace('container')\n\n    const isVertical = computed(() => {\n      if (props.direction === 'vertical') {\n        return true\n      } else if (props.direction === 'horizontal') {\n        return false\n      }\n      if (slots && slots.default) {\n        const vNodes: VNode[] = slots.default()\n        return vNodes.some((vNode) => {\n          const tag = (vNode.type as Component).name\n          return tag === 'ElHeader' || tag === 'ElFooter'\n        })\n      } else {\n        return false\n      }\n    })\n    return {\n      isVertical,\n      ns,\n    }\n  },\n})\n</script>\n"],"names":["_createElementBlock","_normalizeClass","_renderSlot"],"mappings":";;;;;AAWA,MAAK,YAAa,eAAa,CAAA;AAAA,EAC7B,IAAM,EAAA,aAAA;AAAA,EACN,KAAO,EAAA;AAAA,IACL,SAAW,EAAA;AAAA,MACT,IAAM,EAAA,MAAA;AAAA,MACN,OAAS,EAAA,EAAA;AAAA,KAAA;AAAA,GAAA;AAAA,EAGb,KAAA,CAAM,KAAO,EAAA,EAAE,KAAS,EAAA,EAAA;AACtB,IAAA,MAAM,KAAK,YAAa,CAAA,WAAA,CAAA,CAAA;AAExB,IAAM,MAAA,UAAA,GAAa,SAAS,MAAM;AAChC,MAAI,IAAA,KAAA,CAAM,cAAc,UAAY,EAAA;AAClC,QAAO,OAAA,IAAA,CAAA;AAAA,OACE,MAAA,IAAA,KAAA,CAAM,cAAc,YAAc,EAAA;AAC3C,QAAO,OAAA,KAAA,CAAA;AAAA,OAAA;AAET,MAAI,IAAA,KAAA,IAAS,MAAM,OAAS,EAAA;AAC1B,QAAA,MAAM,SAAkB,KAAM,CAAA,OAAA,EAAA,CAAA;AAC9B,QAAO,OAAA,MAAA,CAAO,IAAK,CAAA,CAAC,KAAU,KAAA;AAC5B,UAAM,MAAA,GAAA,GAAO,MAAM,IAAmB,CAAA,IAAA,CAAA;AACtC,UAAO,OAAA,GAAA,KAAQ,cAAc,GAAQ,KAAA,UAAA,CAAA;AAAA,SAAA,CAAA,CAAA;AAAA,OAElC,MAAA;AACL,QAAO,OAAA,KAAA,CAAA;AAAA,OAAA;AAAA,KAAA,CAAA,CAAA;AAGX,IAAO,OAAA;AAAA,MACL,UAAA;AAAA,MACA,EAAA;AAAA,KAAA,CAAA;AAAA,GAAA;AAAA,CAAA,CAAA,CAAA;;sBAvCJA,kBAEU,CAAA,SAAA,EAAA;AAAA,IAFA,OAAKC,cAAG,CAAA,CAAA,IAAA,CAAA,EAAA,CAAG,CAAK,EAAA,EAAA,IAAA,CAAA,EAAA,CAAG,GAAE,UAAa,EAAA,IAAA,CAAA,UAAA,CAAA,CAAA,CAAA;AAAA,GAAA,EAAA;IAC1CC,UAAa,CAAA,IAAA,CAAA,MAAA,EAAA,SAAA,CAAA;AAAA,GAAA,EAAA,CAAA,CAAA,CAAA;;;;;;"}

package/es/components/container/src/footer.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"footer.mjs","sources":["../../../../../../packages/components/container/src/footer.vue"],"sourcesContent":["<template>\n  <footer :class=\"ns.b()\" :style=\"style\">\n    <slot></slot>\n  </footer>\n</template>\n<script lang=\"ts\">\nimport { computed, defineComponent } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\n\nimport type { CSSProperties } from 'vue'\n\nexport default defineComponent({\n  name: 'ElFooter',\n  props: {\n    height: {\n      type: String,\n      default: null,\n    },\n  },\n  setup(props) {\n    const ns = useNamespace('footer')\n\n    return {\n      style: computed(\n        () =>\n          (props.height\n            ? {\n                '--el-footer-height': props.height,\n              }\n            : {}) as CSSProperties\n      ),\n      ns,\n    }\n  },\n})\n</script>\n"],"names":["_createElementBlock","_normalizeClass","_normalizeStyle","_renderSlot"],"mappings":";;;;;AAWA,MAAK,YAAa,gBAAa;AAAA,EAC7B,MAAM;AAAA,EACN,OAAO;AAAA,IACL,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA;AAAA;AAAA,EAGb,MAAM,OAAO;AACX,UAAM,KAAK,aAAa;AAExB,WAAO;AAAA,MACL,OAAO,SACL,MACG,MAAM,SACH;AAAA,QACE,sBAAsB,MAAM;AAAA,UAE9B;AAAA,MAER;AAAA;AAAA;AAAA;;sBA9BJA,mBAES;AAAA,IAFA,OAAKC,eAAE,QAAG;AAAA,IAAM,OAAKC,eAAE;AAAA;IAC9BC,WAAa;AAAA;;;;;;"}
+{"version":3,"file":"footer.mjs","sources":["../../../../../../packages/components/container/src/footer.vue"],"sourcesContent":["<template>\n  <footer :class=\"ns.b()\" :style=\"style\">\n    <slot></slot>\n  </footer>\n</template>\n<script lang=\"ts\">\nimport { computed, defineComponent } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\n\nimport type { CSSProperties } from 'vue'\n\nexport default defineComponent({\n  name: 'ElFooter',\n  props: {\n    height: {\n      type: String,\n      default: null,\n    },\n  },\n  setup(props) {\n    const ns = useNamespace('footer')\n\n    return {\n      style: computed(\n        () =>\n          (props.height\n            ? {\n                '--el-footer-height': props.height,\n              }\n            : {}) as CSSProperties\n      ),\n      ns,\n    }\n  },\n})\n</script>\n"],"names":["_createElementBlock","_normalizeClass","_normalizeStyle","_renderSlot"],"mappings":";;;;;AAWA,MAAK,YAAa,eAAa,CAAA;AAAA,EAC7B,IAAM,EAAA,UAAA;AAAA,EACN,KAAO,EAAA;AAAA,IACL,MAAQ,EAAA;AAAA,MACN,IAAM,EAAA,MAAA;AAAA,MACN,OAAS,EAAA,IAAA;AAAA,KAAA;AAAA,GAAA;AAAA,EAGb,MAAM,KAAO,EAAA;AACX,IAAA,MAAM,KAAK,YAAa,CAAA,QAAA,CAAA,CAAA;AAExB,IAAO,OAAA;AAAA,MACL,KAAO,EAAA,QAAA,CACL,MACG,KAAA,CAAM,MACH,GAAA;AAAA,QACE,sBAAsB,KAAM,CAAA,MAAA;AAAA,OAE9B,GAAA,EAAA,CAAA;AAAA,MAER,EAAA;AAAA,KAAA,CAAA;AAAA,GAAA;AAAA,CAAA,CAAA,CAAA;;sBA9BJA,kBAES,CAAA,QAAA,EAAA;AAAA,IAFA,KAAA,EAAKC,eAAE,IAAG,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA;AAAA,IAAM,OAAKC,cAAE,CAAA,IAAA,CAAA,KAAA,CAAA;AAAA,GAAA,EAAA;IAC9BC,UAAa,CAAA,IAAA,CAAA,MAAA,EAAA,SAAA,CAAA;AAAA,GAAA,EAAA,CAAA,CAAA,CAAA;;;;;;"}

package/es/components/container/src/header.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"header.mjs","sources":["../../../../../../packages/components/container/src/header.vue"],"sourcesContent":["<template>\n  <header :class=\"ns.b()\" :style=\"style\">\n    <slot></slot>\n  </header>\n</template>\n<script lang=\"ts\">\nimport { computed, defineComponent } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\n\nimport type { CSSProperties } from 'vue'\n\nexport default defineComponent({\n  name: 'ElHeader',\n  props: {\n    height: {\n      type: String,\n      default: null,\n    },\n  },\n  setup(props) {\n    const ns = useNamespace('header')\n\n    return {\n      style: computed(\n        () =>\n          (props.height\n            ? {\n                '--el-header-height': props.height,\n              }\n            : {}) as CSSProperties\n      ),\n      ns,\n    }\n  },\n})\n</script>\n"],"names":["_createElementBlock","_normalizeClass","_normalizeStyle","_renderSlot"],"mappings":";;;;;AAWA,MAAK,YAAa,gBAAa;AAAA,EAC7B,MAAM;AAAA,EACN,OAAO;AAAA,IACL,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA;AAAA;AAAA,EAGb,MAAM,OAAO;AACX,UAAM,KAAK,aAAa;AAExB,WAAO;AAAA,MACL,OAAO,SACL,MACG,MAAM,SACH;AAAA,QACE,sBAAsB,MAAM;AAAA,UAE9B;AAAA,MAER;AAAA;AAAA;AAAA;;sBA9BJA,mBAES;AAAA,IAFA,OAAKC,eAAE,QAAG;AAAA,IAAM,OAAKC,eAAE;AAAA;IAC9BC,WAAa;AAAA;;;;;;"}
+{"version":3,"file":"header.mjs","sources":["../../../../../../packages/components/container/src/header.vue"],"sourcesContent":["<template>\n  <header :class=\"ns.b()\" :style=\"style\">\n    <slot></slot>\n  </header>\n</template>\n<script lang=\"ts\">\nimport { computed, defineComponent } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\n\nimport type { CSSProperties } from 'vue'\n\nexport default defineComponent({\n  name: 'ElHeader',\n  props: {\n    height: {\n      type: String,\n      default: null,\n    },\n  },\n  setup(props) {\n    const ns = useNamespace('header')\n\n    return {\n      style: computed(\n        () =>\n          (props.height\n            ? {\n                '--el-header-height': props.height,\n              }\n            : {}) as CSSProperties\n      ),\n      ns,\n    }\n  },\n})\n</script>\n"],"names":["_createElementBlock","_normalizeClass","_normalizeStyle","_renderSlot"],"mappings":";;;;;AAWA,MAAK,YAAa,eAAa,CAAA;AAAA,EAC7B,IAAM,EAAA,UAAA;AAAA,EACN,KAAO,EAAA;AAAA,IACL,MAAQ,EAAA;AAAA,MACN,IAAM,EAAA,MAAA;AAAA,MACN,OAAS,EAAA,IAAA;AAAA,KAAA;AAAA,GAAA;AAAA,EAGb,MAAM,KAAO,EAAA;AACX,IAAA,MAAM,KAAK,YAAa,CAAA,QAAA,CAAA,CAAA;AAExB,IAAO,OAAA;AAAA,MACL,KAAO,EAAA,QAAA,CACL,MACG,KAAA,CAAM,MACH,GAAA;AAAA,QACE,sBAAsB,KAAM,CAAA,MAAA;AAAA,OAE9B,GAAA,EAAA,CAAA;AAAA,MAER,EAAA;AAAA,KAAA,CAAA;AAAA,GAAA;AAAA,CAAA,CAAA,CAAA;;sBA9BJA,kBAES,CAAA,QAAA,EAAA;AAAA,IAFA,KAAA,EAAKC,eAAE,IAAG,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA;AAAA,IAAM,OAAKC,cAAE,CAAA,IAAA,CAAA,KAAA,CAAA;AAAA,GAAA,EAAA;IAC9BC,UAAa,CAAA,IAAA,CAAA,MAAA,EAAA,SAAA,CAAA;AAAA,GAAA,EAAA,CAAA,CAAA,CAAA;;;;;;"}

package/es/components/container/src/main.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"main.mjs","sources":["../../../../../../packages/components/container/src/main.vue"],"sourcesContent":["<template>\n  <main :class=\"ns.b()\">\n    <slot></slot>\n  </main>\n</template>\n<script lang=\"ts\">\nimport { defineComponent } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\n\nexport default defineComponent({\n  name: 'ElMain',\n  setup() {\n    const ns = useNamespace('main')\n\n    return {\n      ns,\n    }\n  },\n})\n</script>\n"],"names":["_createElementBlock","_normalizeClass","_renderSlot"],"mappings":";;;;;AASA,MAAK,YAAa,gBAAa;AAAA,EAC7B,MAAM;AAAA,EACN,QAAQ;AACN,UAAM,KAAK,aAAa;AAExB,WAAO;AAAA,MACL;AAAA;AAAA;AAAA;;sBAdJA,mBAEO;AAAA,IAFA,OAAKC,eAAE,QAAG;AAAA;IACfC,WAAa;AAAA;;;;;;"}
+{"version":3,"file":"main.mjs","sources":["../../../../../../packages/components/container/src/main.vue"],"sourcesContent":["<template>\n  <main :class=\"ns.b()\">\n    <slot></slot>\n  </main>\n</template>\n<script lang=\"ts\">\nimport { defineComponent } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\n\nexport default defineComponent({\n  name: 'ElMain',\n  setup() {\n    const ns = useNamespace('main')\n\n    return {\n      ns,\n    }\n  },\n})\n</script>\n"],"names":["_createElementBlock","_normalizeClass","_renderSlot"],"mappings":";;;;;AASA,MAAK,YAAa,eAAa,CAAA;AAAA,EAC7B,IAAM,EAAA,QAAA;AAAA,EACN,KAAQ,GAAA;AACN,IAAA,MAAM,KAAK,YAAa,CAAA,MAAA,CAAA,CAAA;AAExB,IAAO,OAAA;AAAA,MACL,EAAA;AAAA,KAAA,CAAA;AAAA,GAAA;AAAA,CAAA,CAAA,CAAA;;sBAdJA,kBAEO,CAAA,MAAA,EAAA;AAAA,IAFA,KAAA,EAAKC,eAAE,IAAG,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA;AAAA,GAAA,EAAA;IACfC,UAAa,CAAA,IAAA,CAAA,MAAA,EAAA,SAAA,CAAA;AAAA,GAAA,EAAA,CAAA,CAAA,CAAA;;;;;;"}