@element-plus/nightly 0.0.20220121 → 0.0.20220125

package/lib/components/color-picker/src/index.vue_vue_type_script_lang.js

@@ -1,210 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var vue = require('vue');
-var debounce = require('lodash/debounce');
-var index = require('../../button/index.js');
-var index$3 = require('../../icon/index.js');
-require('../../../directives/index.js');
-require('../../../tokens/index.js');
-require('../../../hooks/index.js');
-var index$1 = require('../../tooltip/index.js');
-var index$2 = require('../../input/index.js');
-var constants = require('../../../utils/constants.js');
-var validators = require('../../../utils/validators.js');
-var iconsVue = require('@element-plus/icons-vue');
-require('./components/alpha-slider.js');
-require('./components/hue-slider.js');
-require('./components/predefine.js');
-require('./components/sv-panel.js');
-var color = require('./color.js');
-var useOption = require('./useOption.js');
-var svPanel_vue_vue_type_script_lang = require('./components/sv-panel.vue_vue_type_script_lang.js');
-var hueSlider_vue_vue_type_script_lang = require('./components/hue-slider.vue_vue_type_script_lang.js');
-var alphaSlider_vue_vue_type_script_lang = require('./components/alpha-slider.vue_vue_type_script_lang.js');
-var predefine_vue_vue_type_script_lang = require('./components/predefine.vue_vue_type_script_lang.js');
-var index$4 = require('../../../directives/click-outside/index.js');
-var index$5 = require('../../../hooks/use-locale/index.js');
-var form = require('../../../tokens/form.js');
-var index$6 = require('../../../hooks/use-common-props/index.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var debounce__default = /*#__PURE__*/_interopDefaultLegacy(debounce);
-
-var script = vue.defineComponent({
-  name: "ElColorPicker",
-  components: {
-    ElButton: index.ElButton,
-    ElTooltip: index$1.ElTooltip,
-    ElInput: index$2.ElInput,
-    ElIcon: index$3.ElIcon,
-    Close: iconsVue.Close,
-    ArrowDown: iconsVue.ArrowDown,
-    SvPanel: svPanel_vue_vue_type_script_lang["default"],
-    HueSlider: hueSlider_vue_vue_type_script_lang["default"],
-    AlphaSlider: alphaSlider_vue_vue_type_script_lang["default"],
-    Predefine: predefine_vue_vue_type_script_lang["default"]
-  },
-  directives: {
-    ClickOutside: index$4["default"]
-  },
-  props: {
-    modelValue: String,
-    showAlpha: Boolean,
-    colorFormat: String,
-    disabled: Boolean,
-    size: {
-      type: String,
-      validator: validators.isValidComponentSize
-    },
-    popperClass: String,
-    predefine: Array
-  },
-  emits: ["change", "active-change", constants.UPDATE_MODEL_EVENT],
-  setup(props, { emit }) {
-    const { t } = index$5.useLocale();
-    const elForm = vue.inject(form.elFormKey, {});
-    const elFormItem = vue.inject(form.elFormItemKey, {});
-    const hue = vue.ref(null);
-    const svPanel = vue.ref(null);
-    const alpha = vue.ref(null);
-    const popper = vue.ref(null);
-    const color$1 = vue.reactive(new color["default"]({
-      enableAlpha: props.showAlpha,
-      format: props.colorFormat,
-      value: props.modelValue
-    }));
-    const showPicker = vue.ref(false);
-    const showPanelColor = vue.ref(false);
-    const customInput = vue.ref("");
-    const displayedColor = vue.computed(() => {
-      if (!props.modelValue && !showPanelColor.value) {
-        return "transparent";
-      }
-      return displayedRgb(color$1, props.showAlpha);
-    });
-    const colorSize = index$6.useSize();
-    const colorDisabled = vue.computed(() => {
-      return props.disabled || elForm.disabled;
-    });
-    const currentColor = vue.computed(() => {
-      return !props.modelValue && !showPanelColor.value ? "" : color$1.value;
-    });
-    vue.watch(() => props.modelValue, (newVal) => {
-      if (!newVal) {
-        showPanelColor.value = false;
-      } else if (newVal && newVal !== color$1.value) {
-        color$1.fromString(newVal);
-      }
-    });
-    vue.watch(() => currentColor.value, (val) => {
-      customInput.value = val;
-      emit("active-change", val);
-    });
-    vue.watch(() => color$1.value, () => {
-      if (!props.modelValue && !showPanelColor.value) {
-        showPanelColor.value = true;
-      }
-    });
-    function displayedRgb(color2, showAlpha) {
-      if (!(color2 instanceof color["default"])) {
-        throw Error("color should be instance of _color Class");
-      }
-      const { r, g, b } = color2.toRgb();
-      return showAlpha ? `rgba(${r}, ${g}, ${b}, ${color2.get("alpha") / 100})` : `rgb(${r}, ${g}, ${b})`;
-    }
-    function setShowPicker(value) {
-      showPicker.value = value;
-    }
-    const debounceSetShowPicker = debounce__default["default"](setShowPicker, 100);
-    function hide() {
-      debounceSetShowPicker(false);
-      resetColor();
-    }
-    function resetColor() {
-      vue.nextTick(() => {
-        if (props.modelValue) {
-          color$1.fromString(props.modelValue);
-        } else {
-          showPanelColor.value = false;
-        }
-      });
-    }
-    function handleTrigger() {
-      if (colorDisabled.value)
-        return;
-      debounceSetShowPicker(!showPicker.value);
-    }
-    function handleConfirm() {
-      color$1.fromString(customInput.value);
-    }
-    function confirmValue() {
-      var _a;
-      const value = color$1.value;
-      emit(constants.UPDATE_MODEL_EVENT, value);
-      emit("change", value);
-      (_a = elFormItem.validate) == null ? void 0 : _a.call(elFormItem, "change");
-      debounceSetShowPicker(false);
-      vue.nextTick(() => {
-        const newColor = new color["default"]({
-          enableAlpha: props.showAlpha,
-          format: props.colorFormat,
-          value: props.modelValue
-        });
-        if (!color$1.compare(newColor)) {
-          resetColor();
-        }
-      });
-    }
-    function clear() {
-      var _a;
-      debounceSetShowPicker(false);
-      emit(constants.UPDATE_MODEL_EVENT, null);
-      emit("change", null);
-      if (props.modelValue !== null) {
-        (_a = elFormItem.validate) == null ? void 0 : _a.call(elFormItem, "change");
-      }
-      resetColor();
-    }
-    vue.onMounted(() => {
-      if (props.modelValue) {
-        customInput.value = currentColor.value;
-      }
-    });
-    vue.watch(() => showPicker.value, () => {
-      vue.nextTick(() => {
-        var _a, _b, _c;
-        (_a = hue.value) == null ? void 0 : _a.update();
-        (_b = svPanel.value) == null ? void 0 : _b.update();
-        (_c = alpha.value) == null ? void 0 : _c.update();
-      });
-    });
-    vue.provide(useOption.OPTIONS_KEY, {
-      currentColor
-    });
-    return {
-      color: color$1,
-      colorDisabled,
-      colorSize,
-      displayedColor,
-      showPanelColor,
-      showPicker,
-      customInput,
-      handleConfirm,
-      hide,
-      handleTrigger,
-      clear,
-      confirmValue,
-      t,
-      hue,
-      svPanel,
-      alpha,
-      popper
-    };
-  }
-});
-
-exports["default"] = script;
-//# sourceMappingURL=index.vue_vue_type_script_lang.js.map

package/lib/components/color-picker/src/index.vue_vue_type_script_lang.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.vue_vue_type_script_lang.js","sources":["../../../../../../packages/components/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=\"`el-color-picker__panel el-color-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=\"el-color-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=\"el-color-dropdown__btns\">\n          <span class=\"el-color-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=\"el-color-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=\"el-color-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          'el-color-picker',\n          colorDisabled ? 'is-disabled' : '',\n          colorSize ? `el-color-picker--${colorSize}` : '',\n        ]\"\n      >\n        <div v-if=\"colorDisabled\" class=\"el-color-picker__mask\"></div>\n        <div class=\"el-color-picker__trigger\" @click=\"handleTrigger\">\n          <span\n            class=\"el-color-picker__color\"\n            :class=\"{ 'is-alpha': showAlpha }\"\n          >\n            <span\n              class=\"el-color-picker__color-inner\"\n              :style=\"{\n                backgroundColor: displayedColor,\n              }\"\n            >\n              <el-icon\n                v-show=\"modelValue || showPanelColor\"\n                class=\"el-color-picker__icon is-icon-arrow-down\"\n              >\n                <arrow-down />\n              </el-icon>\n              <el-icon\n                v-if=\"!modelValue && !showPanelColor\"\n                class=\"el-color-picker__empty 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/debounce'\nimport ElButton from '@element-plus/components/button'\nimport ElIcon from '@element-plus/components/icon'\nimport { ClickOutside } from '@element-plus/directives'\nimport { elFormItemKey, elFormKey } from '@element-plus/tokens'\nimport { useLocale, useSize } 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/utils/constants'\nimport { isValidComponentSize } from '@element-plus/utils/validators'\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'\n\nimport type { PropType } from 'vue'\nimport type { ElFormContext, ElFormItemContext } from '@element-plus/tokens'\nimport type { ComponentSize } from '@element-plus/utils/types'\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 elForm = inject(elFormKey, {} as ElFormContext)\n    const elFormItem = inject(elFormItemKey, {} as ElFormItemContext)\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')\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')\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      hue,\n      svPanel,\n      alpha,\n      popper,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","ElButton","ElTooltip","ElInput","Close","ArrowDown","SvPanel","HueSlider","AlphaSlider","Predefine","ClickOutside","useLocale","inject","ref","color","reactive","computed","nextTick","UPDATE_MODEL_EVENT","watch","OPTIONS_KEY"],"mappings":"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"}

package/lib/components/color-picker/src/index.vue_vue_type_template_id_46a474d5_lang.js

@@ -1,153 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var vue = require('vue');
-
-const _hoisted_1 = { class: "el-color-dropdown__main-wrapper" };
-const _hoisted_2 = { class: "el-color-dropdown__btns" };
-const _hoisted_3 = { class: "el-color-dropdown__value" };
-const _hoisted_4 = {
-  key: 0,
-  class: "el-color-picker__mask"
-};
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_hue_slider = vue.resolveComponent("hue-slider");
-  const _component_sv_panel = vue.resolveComponent("sv-panel");
-  const _component_alpha_slider = vue.resolveComponent("alpha-slider");
-  const _component_predefine = vue.resolveComponent("predefine");
-  const _component_el_input = vue.resolveComponent("el-input");
-  const _component_el_button = vue.resolveComponent("el-button");
-  const _component_arrow_down = vue.resolveComponent("arrow-down");
-  const _component_el_icon = vue.resolveComponent("el-icon");
-  const _component_close = vue.resolveComponent("close");
-  const _component_el_tooltip = vue.resolveComponent("el-tooltip");
-  const _directive_click_outside = vue.resolveDirective("click-outside");
-  return vue.openBlock(), vue.createBlock(_component_el_tooltip, {
-    ref: "popper",
-    visible: _ctx.showPicker,
-    "onUpdate:visible": _cache[2] || (_cache[2] = ($event) => _ctx.showPicker = $event),
-    "show-arrow": false,
-    "fallback-placements": ["bottom", "top", "right", "left"],
-    offset: 0,
-    "gpu-acceleration": false,
-    "popper-class": `el-color-picker__panel el-color-dropdown ${_ctx.popperClass}`,
-    "stop-popper-mouse-event": false,
-    effect: "light",
-    trigger: "click",
-    transition: "el-zoom-in-top",
-    persistent: ""
-  }, {
-    content: vue.withCtx(() => [
-      vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", null, [
-        vue.createElementVNode("div", _hoisted_1, [
-          vue.createVNode(_component_hue_slider, {
-            ref: "hue",
-            class: "hue-slider",
-            color: _ctx.color,
-            vertical: ""
-          }, null, 8, ["color"]),
-          vue.createVNode(_component_sv_panel, {
-            ref: "svPanel",
-            color: _ctx.color
-          }, null, 8, ["color"])
-        ]),
-        _ctx.showAlpha ? (vue.openBlock(), vue.createBlock(_component_alpha_slider, {
-          key: 0,
-          ref: "alpha",
-          color: _ctx.color
-        }, null, 8, ["color"])) : vue.createCommentVNode("v-if", true),
-        _ctx.predefine ? (vue.openBlock(), vue.createBlock(_component_predefine, {
-          key: 1,
-          ref: "predefine",
-          color: _ctx.color,
-          colors: _ctx.predefine
-        }, null, 8, ["color", "colors"])) : vue.createCommentVNode("v-if", true),
-        vue.createElementVNode("div", _hoisted_2, [
-          vue.createElementVNode("span", _hoisted_3, [
-            vue.createVNode(_component_el_input, {
-              modelValue: _ctx.customInput,
-              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.customInput = $event),
-              "validate-event": false,
-              size: "small",
-              onKeyup: vue.withKeys(_ctx.handleConfirm, ["enter"]),
-              onBlur: _ctx.handleConfirm
-            }, null, 8, ["modelValue", "onKeyup", "onBlur"])
-          ]),
-          vue.createVNode(_component_el_button, {
-            size: "small",
-            type: "text",
-            class: "el-color-dropdown__link-btn",
-            onClick: _ctx.clear
-          }, {
-            default: vue.withCtx(() => [
-              vue.createTextVNode(vue.toDisplayString(_ctx.t("el.colorpicker.clear")), 1)
-            ]),
-            _: 1
-          }, 8, ["onClick"]),
-          vue.createVNode(_component_el_button, {
-            plain: "",
-            size: "small",
-            class: "el-color-dropdown__btn",
-            onClick: _ctx.confirmValue
-          }, {
-            default: vue.withCtx(() => [
-              vue.createTextVNode(vue.toDisplayString(_ctx.t("el.colorpicker.confirm")), 1)
-            ]),
-            _: 1
-          }, 8, ["onClick"])
-        ])
-      ])), [
-        [_directive_click_outside, _ctx.hide]
-      ])
-    ]),
-    default: vue.withCtx(() => [
-      vue.createElementVNode("div", {
-        class: vue.normalizeClass([
-          "el-color-picker",
-          _ctx.colorDisabled ? "is-disabled" : "",
-          _ctx.colorSize ? `el-color-picker--${_ctx.colorSize}` : ""
-        ])
-      }, [
-        _ctx.colorDisabled ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4)) : vue.createCommentVNode("v-if", true),
-        vue.createElementVNode("div", {
-          class: "el-color-picker__trigger",
-          onClick: _cache[1] || (_cache[1] = (...args) => _ctx.handleTrigger && _ctx.handleTrigger(...args))
-        }, [
-          vue.createElementVNode("span", {
-            class: vue.normalizeClass(["el-color-picker__color", { "is-alpha": _ctx.showAlpha }])
-          }, [
-            vue.createElementVNode("span", {
-              class: "el-color-picker__color-inner",
-              style: vue.normalizeStyle({
-                backgroundColor: _ctx.displayedColor
-              })
-            }, [
-              vue.withDirectives(vue.createVNode(_component_el_icon, { class: "el-color-picker__icon is-icon-arrow-down" }, {
-                default: vue.withCtx(() => [
-                  vue.createVNode(_component_arrow_down)
-                ]),
-                _: 1
-              }, 512), [
-                [vue.vShow, _ctx.modelValue || _ctx.showPanelColor]
-              ]),
-              !_ctx.modelValue && !_ctx.showPanelColor ? (vue.openBlock(), vue.createBlock(_component_el_icon, {
-                key: 0,
-                class: "el-color-picker__empty is-icon-close"
-              }, {
-                default: vue.withCtx(() => [
-                  vue.createVNode(_component_close)
-                ]),
-                _: 1
-              })) : vue.createCommentVNode("v-if", true)
-            ], 4)
-          ], 2)
-        ])
-      ], 2)
-    ]),
-    _: 1
-  }, 8, ["visible", "popper-class"]);
-}
-
-exports.render = render;
-//# sourceMappingURL=index.vue_vue_type_template_id_46a474d5_lang.js.map

package/lib/components/color-picker/src/index.vue_vue_type_template_id_46a474d5_lang.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.vue_vue_type_template_id_46a474d5_lang.js","sources":["../../../../../../packages/components/color-picker/src/index.vue?vue&type=template&id=46a474d5&lang.js"],"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=\"`el-color-picker__panel el-color-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=\"el-color-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=\"el-color-dropdown__btns\">\n          <span class=\"el-color-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=\"el-color-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=\"el-color-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          'el-color-picker',\n          colorDisabled ? 'is-disabled' : '',\n          colorSize ? `el-color-picker--${colorSize}` : '',\n        ]\"\n      >\n        <div v-if=\"colorDisabled\" class=\"el-color-picker__mask\"></div>\n        <div class=\"el-color-picker__trigger\" @click=\"handleTrigger\">\n          <span\n            class=\"el-color-picker__color\"\n            :class=\"{ 'is-alpha': showAlpha }\"\n          >\n            <span\n              class=\"el-color-picker__color-inner\"\n              :style=\"{\n                backgroundColor: displayedColor,\n              }\"\n            >\n              <el-icon\n                v-show=\"modelValue || showPanelColor\"\n                class=\"el-color-picker__icon is-icon-arrow-down\"\n              >\n                <arrow-down />\n              </el-icon>\n              <el-icon\n                v-if=\"!modelValue && !showPanelColor\"\n                class=\"el-color-picker__empty 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/debounce'\nimport ElButton from '@element-plus/components/button'\nimport ElIcon from '@element-plus/components/icon'\nimport { ClickOutside } from '@element-plus/directives'\nimport { elFormItemKey, elFormKey } from '@element-plus/tokens'\nimport { useLocale, useSize } 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/utils/constants'\nimport { isValidComponentSize } from '@element-plus/utils/validators'\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'\n\nimport type { PropType } from 'vue'\nimport type { ElFormContext, ElFormItemContext } from '@element-plus/tokens'\nimport type { ComponentSize } from '@element-plus/utils/types'\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 elForm = inject(elFormKey, {} as ElFormContext)\n    const elFormItem = inject(elFormItemKey, {} as ElFormItemContext)\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')\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')\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      hue,\n      svPanel,\n      alpha,\n      popper,\n    }\n  },\n})\n</script>\n"],"names":["_createElementVNode"],"mappings":";;;;;;;qBAiBa,KAAK,EAAC;qBAWN,KAAK,EAAC;;;;EAqCe;;;;;;;;;;;;;;;;wBAhEhC;IACE;IACQ,wBAAmB;;IAC1B;IACA;IACA;IACA;IACA;IACA;IACD;;IAEA;;;yBAIE;;;;YAEgB;iBAAe,EAAC;;YAA4B;;;;YAC/B;;;;;;;;;;SAInB;8BADR;;;cAGG,iBAAY;cACZ;;;;;;;;;kBAOO;;;;;;;YAON,IAAI;iBACC;;;;;;;;;;YAOL,IAAI;iBACC;;;;;;;;;;4CAjCe;;;;;QA2CvBA;;;;;;;;;;;;;;;;;mBAaU;;;;;;;;;;;;;gBAYI;;;;;;;;;;;"}

package/lib/components/container/src/aside.vue_vue_type_script_lang.js

@@ -1,29 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var vue = require('vue');
-require('../../../hooks/index.js');
-var index = require('../../../hooks/use-namespace/index.js');
-
-var script = vue.defineComponent({
-  name: "ElAside",
-  props: {
-    width: {
-      type: String,
-      default: null
-    }
-  },
-  setup(props) {
-    const ns = index.useNamespace("aside");
-    return {
-      style: vue.computed(() => {
-        return props.width ? { "--el-aside-width": props.width } : {};
-      }),
-      ns
-    };
-  }
-});
-
-exports["default"] = script;
-//# sourceMappingURL=aside.vue_vue_type_script_lang.js.map

package/lib/components/container/src/aside.vue_vue_type_script_lang.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"aside.vue_vue_type_script_lang.js","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":["defineComponent","useNamespace"],"mappings":";;;;;;;;AAOA,aAAeA,mBAAe,CAAC;;AAE/B,EAAE,KAAK,EAAE;;AAET,UAAU,EAAE,MAAM;MACZ,OAAO,EAAE;KACV;;OAEE,CAAC,KAAK,EAAE;UACL,EAAE,GAAGC;IACX;;QAEI,OAAO;OACR,CAAC;;KAEH,CAAC;;;;;;"}

package/lib/components/container/src/aside.vue_vue_type_template_id_47e12f0a_lang.js

@@ -1,17 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var vue = require('vue');
-
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return vue.openBlock(), vue.createElementBlock("aside", {
-    class: vue.normalizeClass(_ctx.ns.b()),
-    style: vue.normalizeStyle(_ctx.style)
-  }, [
-    vue.renderSlot(_ctx.$slots, "default")
-  ], 6);
-}
-
-exports.render = render;
-//# sourceMappingURL=aside.vue_vue_type_template_id_47e12f0a_lang.js.map

package/lib/components/container/src/aside.vue_vue_type_template_id_47e12f0a_lang.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"aside.vue_vue_type_template_id_47e12f0a_lang.js","sources":["../../../../../../packages/components/container/src/aside.vue?vue&type=template&id=47e12f0a&lang.js"],"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":[],"mappings":";;;;;;;;;IACU,KAAK,qBAAE;;;;;;;;"}

package/lib/components/container/src/container.vue_vue_type_script_lang.js

@@ -1,43 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var vue = require('vue');
-require('../../../hooks/index.js');
-var index = require('../../../hooks/use-namespace/index.js');
-
-var script = vue.defineComponent({
-  name: "ElContainer",
-  props: {
-    direction: {
-      type: String,
-      default: ""
-    }
-  },
-  setup(props, { slots }) {
-    const ns = index.useNamespace("container");
-    const isVertical = vue.computed(() => {
-      if (props.direction === "vertical") {
-        return true;
-      } else if (props.direction === "horizontal") {
-        return false;
-      }
-      if (slots && slots.default) {
-        const vNodes = slots.default();
-        return vNodes.some((vNode) => {
-          const tag = vNode.type.name;
-          return tag === "ElHeader" || tag === "ElFooter";
-        });
-      } else {
-        return false;
-      }
-    });
-    return {
-      isVertical,
-      ns
-    };
-  }
-});
-
-exports["default"] = script;
-//# sourceMappingURL=container.vue_vue_type_script_lang.js.map

package/lib/components/container/src/container.vue_vue_type_script_lang.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"container.vue_vue_type_script_lang.js","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":["defineComponent","useNamespace"],"mappings":";;;;;;;;AAOA,aAAeA,mBAAe,CAAC;;AAE/B,EAAE,KAAK,EAAE;;AAET,UAAU,EAAE,MAAM;MACZ,OAAO,EAAE,EAAE;KACZ;;OAEE,CAAC,KAAK,EAAE,EAAE;UACP,EAAE,GAAGC;IACX;;QAEI,OAAO,IAAI,CAAC;OACb,MAAM,IAAI,KAAK,CAAC,SAAS,KAAK;;OAE9B;MACD,IAAI,KAAK,IAAI,KAAK,QAAQ,EAAE;QAC1B;QACA,aAAa,CAAC,IAAI,CAAC,CAAC,KAAK,KAAK;UAC5B,MAAM,GAAG;;SAEV,CAAC,CAAC;;QAEH,OAAO,KAAK,CAAC;;;;MAIf;QACE;MACF;;;;;;"}

package/lib/components/container/src/container.vue_vue_type_template_id_60a2865a_lang.js

@@ -1,16 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var vue = require('vue');
-
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return vue.openBlock(), vue.createElementBlock("section", {
-    class: vue.normalizeClass([_ctx.ns.b(), _ctx.ns.is("vertical", _ctx.isVertical)])
-  }, [
-    vue.renderSlot(_ctx.$slots, "default")
-  ], 2);
-}
-
-exports.render = render;
-//# sourceMappingURL=container.vue_vue_type_template_id_60a2865a_lang.js.map

package/lib/components/container/src/container.vue_vue_type_template_id_60a2865a_lang.js.map

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

package/lib/components/container/src/footer.vue_vue_type_script_lang.js

@@ -1,29 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var vue = require('vue');
-require('../../../hooks/index.js');
-var index = require('../../../hooks/use-namespace/index.js');
-
-var script = vue.defineComponent({
-  name: "ElFooter",
-  props: {
-    height: {
-      type: String,
-      default: null
-    }
-  },
-  setup(props) {
-    const ns = index.useNamespace("footer");
-    return {
-      style: vue.computed(() => props.height ? {
-        "--el-footer-height": props.height
-      } : {}),
-      ns
-    };
-  }
-});
-
-exports["default"] = script;
-//# sourceMappingURL=footer.vue_vue_type_script_lang.js.map

package/lib/components/container/src/footer.vue_vue_type_script_lang.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"footer.vue_vue_type_script_lang.js","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":["defineComponent","useNamespace"],"mappings":";;;;;;;;AAOA,aAAeA,mBAAe,CAAC;;AAE/B,EAAE,KAAK,EAAE;;AAET,UAAU,EAAE,MAAM;MACZ,OAAO,EAAE;KACV;;OAEE,CAAC,KAAK,EAAE;UACL,EAAE,GAAGC;IACX;;QAEI;OACD,GAAG,GAAG;;KAER,CAAC;;;;;;"}

package/lib/components/container/src/footer.vue_vue_type_template_id_2c2b128e_lang.js

@@ -1,17 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var vue = require('vue');
-
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return vue.openBlock(), vue.createElementBlock("footer", {
-    class: vue.normalizeClass(_ctx.ns.b()),
-    style: vue.normalizeStyle(_ctx.style)
-  }, [
-    vue.renderSlot(_ctx.$slots, "default")
-  ], 6);
-}
-
-exports.render = render;
-//# sourceMappingURL=footer.vue_vue_type_template_id_2c2b128e_lang.js.map

package/lib/components/container/src/footer.vue_vue_type_template_id_2c2b128e_lang.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"footer.vue_vue_type_template_id_2c2b128e_lang.js","sources":["../../../../../../packages/components/container/src/footer.vue?vue&type=template&id=2c2b128e&lang.js"],"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":[],"mappings":";;;;;;;;;IACW,KAAK,qBAAE;;;;;;;;"}

package/lib/components/container/src/header.vue_vue_type_script_lang.js

@@ -1,29 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var vue = require('vue');
-require('../../../hooks/index.js');
-var index = require('../../../hooks/use-namespace/index.js');
-
-var script = vue.defineComponent({
-  name: "ElHeader",
-  props: {
-    height: {
-      type: String,
-      default: null
-    }
-  },
-  setup(props) {
-    const ns = index.useNamespace("header");
-    return {
-      style: vue.computed(() => props.height ? {
-        "--el-header-height": props.height
-      } : {}),
-      ns
-    };
-  }
-});
-
-exports["default"] = script;
-//# sourceMappingURL=header.vue_vue_type_script_lang.js.map

package/lib/components/container/src/header.vue_vue_type_script_lang.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"header.vue_vue_type_script_lang.js","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":["defineComponent","useNamespace"],"mappings":";;;;;;;;AAOA,aAAeA,mBAAe,CAAC;;AAE/B,EAAE,KAAK,EAAE;;AAET,UAAU,EAAE,MAAM;MACZ,OAAO,EAAE;KACV;;OAEE,CAAC,KAAK,EAAE;UACL,EAAE,GAAGC;IACX;;QAEI;OACD,GAAG,GAAG;;KAER,CAAC;;;;;;"}