@element-plus/nightly 0.0.20220102 → 0.0.20220106

package/lib/components/select/src/select-dropdown.vue.d.ts

@@ -2,6 +2,6 @@ declare const _default: import("vue").DefineComponent<{}, {
     minWidth: import("vue").Ref<string>;
     popperClass: import("vue").ComputedRef<string | undefined>;
     isMultiple: import("vue").ComputedRef<boolean | undefined>;
-    isFitInputWidth: import("vue").ComputedRef<any>;
+    isFitInputWidth: import("vue").ComputedRef<boolean | undefined>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{} & {} & {}>, {}>;
 export default _default;

package/lib/components/select/src/select-dropdown.vue_vue_type_script_lang.js

@@ -20,6 +20,7 @@ var script = vue.defineComponent({
       minWidth.value = `${(_a = select.selectWrapper) == null ? void 0 : _a.getBoundingClientRect().width}px`;
     }
     vue.onMounted(() => {
+      updateMinWidth();
       resizeEvent.addResizeListener(select.selectWrapper, updateMinWidth);
     });
     vue.onBeforeUnmount(() => {

package/lib/components/select/src/select-dropdown.vue_vue_type_script_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"select-dropdown.vue_vue_type_script_lang.js","sources":["../../../../../../packages/components/select/src/select-dropdown.vue"],"sourcesContent":["<template>\n  <div\n    class=\"el-select-dropdown\"\n    :class=\"[{ 'is-multiple': isMultiple }, popperClass]\"\n    :style=\"{ [isFitInputWidth ? 'width' : 'minWidth']: minWidth }\"\n  >\n    <slot></slot>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport {\n  defineComponent,\n  computed,\n  onMounted,\n  onBeforeUnmount,\n  inject,\n  ref,\n} from 'vue'\nimport {\n  addResizeListener,\n  removeResizeListener,\n} from '@element-plus/utils/resize-event'\nimport { selectKey } from './token'\nimport type { ResizableElement } from '@element-plus/utils/resize-event'\n\nexport default defineComponent({\n  name: 'ElSelectDropdown',\n\n  componentName: 'ElSelectDropdown',\n\n  setup() {\n    const select = inject(selectKey)\n\n    // computed\n    const popperClass = computed(() => select.props.popperClass)\n    const isMultiple = computed(() => select.props.multiple)\n    const isFitInputWidth = computed(() => select.props.fitInputWidth)\n    const minWidth = ref('')\n\n    function updateMinWidth() {\n      minWidth.value = `${\n        select.selectWrapper?.getBoundingClientRect().width\n      }px`\n    }\n\n    onMounted(() => {\n      // TODO: updatePopper\n      // popper.value.update()\n\n      addResizeListener(\n        select.selectWrapper as ResizableElement,\n        updateMinWidth\n      )\n    })\n\n    onBeforeUnmount(() => {\n      removeResizeListener(\n        select.selectWrapper as ResizableElement,\n        updateMinWidth\n      )\n    })\n\n    return {\n      minWidth,\n      popperClass,\n      isMultiple,\n      isFitInputWidth,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","inject","selectKey","computed","onMounted","addResizeListener","removeResizeListener"],"mappings":";;;;;;;;AAuBA,aAAeA,mBAAe,CAAC;AAC/B,EAAE,MAAM,kBAAkB;;AAE1B,EAAE,KAAK,GAAG;IACN,MAAM,MAAM,GAAGC,UAAM,CAACC;;IAEtB,MAAM,UAAU,GAAGC,YAAQ,CAAC;;IAE5B,MAAM;IACN,SAAS,cAAc,GAAG;;cAEhB;KACT;IACDC,aAAS,CAAC;MACRC,6BAAiB,CAAC,MAAM,CAAC,aAAa,EAAE,cAAc,CAAC,CAAC;KACzD,CAAC,CAAC;;MAEDC,gCAAoB,CAAC;MACrB,CAAC;WACI;MACL;;;MAGA;MACA;;;;;;"}
+{"version":3,"file":"select-dropdown.vue_vue_type_script_lang.js","sources":["../../../../../../packages/components/select/src/select-dropdown.vue"],"sourcesContent":["<template>\n  <div\n    class=\"el-select-dropdown\"\n    :class=\"[{ 'is-multiple': isMultiple }, popperClass]\"\n    :style=\"{ [isFitInputWidth ? 'width' : 'minWidth']: minWidth }\"\n  >\n    <slot></slot>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport {\n  defineComponent,\n  computed,\n  onMounted,\n  onBeforeUnmount,\n  inject,\n  ref,\n} from 'vue'\nimport {\n  addResizeListener,\n  removeResizeListener,\n} from '@element-plus/utils/resize-event'\nimport { selectKey } from './token'\nimport type { ResizableElement } from '@element-plus/utils/resize-event'\n\nexport default defineComponent({\n  name: 'ElSelectDropdown',\n\n  componentName: 'ElSelectDropdown',\n\n  setup() {\n    const select = inject(selectKey)!\n\n    // computed\n    const popperClass = computed(() => select.props.popperClass)\n    const isMultiple = computed(() => select.props.multiple)\n    const isFitInputWidth = computed(() => select.props.fitInputWidth)\n    const minWidth = ref('')\n\n    function updateMinWidth() {\n      minWidth.value = `${\n        select.selectWrapper?.getBoundingClientRect().width\n      }px`\n    }\n\n    onMounted(() => {\n      // TODO: updatePopper\n      // popper.value.update()\n      updateMinWidth()\n      addResizeListener(\n        select.selectWrapper as ResizableElement,\n        updateMinWidth\n      )\n    })\n\n    onBeforeUnmount(() => {\n      removeResizeListener(\n        select.selectWrapper as ResizableElement,\n        updateMinWidth\n      )\n    })\n\n    return {\n      minWidth,\n      popperClass,\n      isMultiple,\n      isFitInputWidth,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","inject","selectKey","computed","onMounted","addResizeListener","onBeforeUnmount","removeResizeListener"],"mappings":";;;;;;;;AAuBA,aAAeA,mBAAe,CAAC;AAC/B,EAAE,MAAM,kBAAkB;;AAE1B,EAAE,KAAK,GAAG;IACN,MAAM,MAAM,GAAGC,UAAM,CAACC;;IAEtB,MAAM,UAAU,GAAGC,YAAQ,CAAC;;IAE5B,MAAM;IACN,SAAS,cAAc,GAAG;;cAEhB;KACT;IACDC,aAAS,CAAC;MACR,cAAc,EAAE,CAAC;MACjBC,6BAAiB,CAAC;;IAEpBC,mBAAe,CAAC,MAAM;MACpBC;;;;;MAKA;MACA,eAAe;MACf;;;;;;"}

package/lib/components/select/src/select-dropdown.vue_vue_type_template_id_46cf6eee_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"select-dropdown.vue_vue_type_template_id_46cf6eee_lang.js","sources":["../../../../../../packages/components/select/src/select-dropdown.vue?vue&type=template&id=46cf6eee&lang.js"],"sourcesContent":["<template>\n  <div\n    class=\"el-select-dropdown\"\n    :class=\"[{ 'is-multiple': isMultiple }, popperClass]\"\n    :style=\"{ [isFitInputWidth ? 'width' : 'minWidth']: minWidth }\"\n  >\n    <slot></slot>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport {\n  defineComponent,\n  computed,\n  onMounted,\n  onBeforeUnmount,\n  inject,\n  ref,\n} from 'vue'\nimport {\n  addResizeListener,\n  removeResizeListener,\n} from '@element-plus/utils/resize-event'\nimport { selectKey } from './token'\nimport type { ResizableElement } from '@element-plus/utils/resize-event'\n\nexport default defineComponent({\n  name: 'ElSelectDropdown',\n\n  componentName: 'ElSelectDropdown',\n\n  setup() {\n    const select = inject(selectKey)\n\n    // computed\n    const popperClass = computed(() => select.props.popperClass)\n    const isMultiple = computed(() => select.props.multiple)\n    const isFitInputWidth = computed(() => select.props.fitInputWidth)\n    const minWidth = ref('')\n\n    function updateMinWidth() {\n      minWidth.value = `${\n        select.selectWrapper?.getBoundingClientRect().width\n      }px`\n    }\n\n    onMounted(() => {\n      // TODO: updatePopper\n      // popper.value.update()\n\n      addResizeListener(\n        select.selectWrapper as ResizableElement,\n        updateMinWidth\n      )\n    })\n\n    onBeforeUnmount(() => {\n      removeResizeListener(\n        select.selectWrapper as ResizableElement,\n        updateMinWidth\n      )\n    })\n\n    return {\n      minWidth,\n      popperClass,\n      isMultiple,\n      isFitInputWidth,\n    }\n  },\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;;IAEI,KAAK;;;;;;;;"}
+{"version":3,"file":"select-dropdown.vue_vue_type_template_id_46cf6eee_lang.js","sources":["../../../../../../packages/components/select/src/select-dropdown.vue?vue&type=template&id=46cf6eee&lang.js"],"sourcesContent":["<template>\n  <div\n    class=\"el-select-dropdown\"\n    :class=\"[{ 'is-multiple': isMultiple }, popperClass]\"\n    :style=\"{ [isFitInputWidth ? 'width' : 'minWidth']: minWidth }\"\n  >\n    <slot></slot>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport {\n  defineComponent,\n  computed,\n  onMounted,\n  onBeforeUnmount,\n  inject,\n  ref,\n} from 'vue'\nimport {\n  addResizeListener,\n  removeResizeListener,\n} from '@element-plus/utils/resize-event'\nimport { selectKey } from './token'\nimport type { ResizableElement } from '@element-plus/utils/resize-event'\n\nexport default defineComponent({\n  name: 'ElSelectDropdown',\n\n  componentName: 'ElSelectDropdown',\n\n  setup() {\n    const select = inject(selectKey)!\n\n    // computed\n    const popperClass = computed(() => select.props.popperClass)\n    const isMultiple = computed(() => select.props.multiple)\n    const isFitInputWidth = computed(() => select.props.fitInputWidth)\n    const minWidth = ref('')\n\n    function updateMinWidth() {\n      minWidth.value = `${\n        select.selectWrapper?.getBoundingClientRect().width\n      }px`\n    }\n\n    onMounted(() => {\n      // TODO: updatePopper\n      // popper.value.update()\n      updateMinWidth()\n      addResizeListener(\n        select.selectWrapper as ResizableElement,\n        updateMinWidth\n      )\n    })\n\n    onBeforeUnmount(() => {\n      removeResizeListener(\n        select.selectWrapper as ResizableElement,\n        updateMinWidth\n      )\n    })\n\n    return {\n      minWidth,\n      popperClass,\n      isMultiple,\n      isFitInputWidth,\n    }\n  },\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;;IAEI,KAAK;;;;;;;;"}