@element-plus/nightly 0.0.20241124 → 0.0.20241125
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/index.full.js +2 -2
- package/dist/index.full.min.js +2 -2
- package/dist/index.full.min.js.map +1 -1
- package/dist/index.full.min.mjs +2 -2
- package/dist/index.full.min.mjs.map +1 -1
- package/dist/index.full.mjs +2 -2
- package/dist/locale/af.js +1 -1
- package/dist/locale/af.min.js +1 -1
- package/dist/locale/af.min.mjs +1 -1
- package/dist/locale/af.mjs +1 -1
- package/dist/locale/ar-eg.js +1 -1
- package/dist/locale/ar-eg.min.js +1 -1
- package/dist/locale/ar-eg.min.mjs +1 -1
- package/dist/locale/ar-eg.mjs +1 -1
- package/dist/locale/ar.js +1 -1
- package/dist/locale/ar.min.js +1 -1
- package/dist/locale/ar.min.mjs +1 -1
- package/dist/locale/ar.mjs +1 -1
- package/dist/locale/az.js +1 -1
- package/dist/locale/az.min.js +1 -1
- package/dist/locale/az.min.mjs +1 -1
- package/dist/locale/az.mjs +1 -1
- package/dist/locale/bg.js +1 -1
- package/dist/locale/bg.min.js +1 -1
- package/dist/locale/bg.min.mjs +1 -1
- package/dist/locale/bg.mjs +1 -1
- package/dist/locale/bn.js +1 -1
- package/dist/locale/bn.min.js +1 -1
- package/dist/locale/bn.min.mjs +1 -1
- package/dist/locale/bn.mjs +1 -1
- package/dist/locale/ca.js +1 -1
- package/dist/locale/ca.min.js +1 -1
- package/dist/locale/ca.min.mjs +1 -1
- package/dist/locale/ca.mjs +1 -1
- package/dist/locale/ckb.js +1 -1
- package/dist/locale/ckb.min.js +1 -1
- package/dist/locale/ckb.min.mjs +1 -1
- package/dist/locale/ckb.mjs +1 -1
- package/dist/locale/cs.js +1 -1
- package/dist/locale/cs.min.js +1 -1
- package/dist/locale/cs.min.mjs +1 -1
- package/dist/locale/cs.mjs +1 -1
- package/dist/locale/da.js +1 -1
- package/dist/locale/da.min.js +1 -1
- package/dist/locale/da.min.mjs +1 -1
- package/dist/locale/da.mjs +1 -1
- package/dist/locale/de.js +1 -1
- package/dist/locale/de.min.js +1 -1
- package/dist/locale/de.min.mjs +1 -1
- package/dist/locale/de.mjs +1 -1
- package/dist/locale/el.js +1 -1
- package/dist/locale/el.min.js +1 -1
- package/dist/locale/el.min.mjs +1 -1
- package/dist/locale/el.mjs +1 -1
- package/dist/locale/en.js +1 -1
- package/dist/locale/en.min.js +1 -1
- package/dist/locale/en.min.mjs +1 -1
- package/dist/locale/en.mjs +1 -1
- package/dist/locale/eo.js +1 -1
- package/dist/locale/eo.min.js +1 -1
- package/dist/locale/eo.min.mjs +1 -1
- package/dist/locale/eo.mjs +1 -1
- package/dist/locale/es.js +1 -1
- package/dist/locale/es.min.js +1 -1
- package/dist/locale/es.min.mjs +1 -1
- package/dist/locale/es.mjs +1 -1
- package/dist/locale/et.js +1 -1
- package/dist/locale/et.min.js +1 -1
- package/dist/locale/et.min.mjs +1 -1
- package/dist/locale/et.mjs +1 -1
- package/dist/locale/eu.js +1 -1
- package/dist/locale/eu.min.js +1 -1
- package/dist/locale/eu.min.mjs +1 -1
- package/dist/locale/eu.mjs +1 -1
- package/dist/locale/fa.js +1 -1
- package/dist/locale/fa.min.js +1 -1
- package/dist/locale/fa.min.mjs +1 -1
- package/dist/locale/fa.mjs +1 -1
- package/dist/locale/fi.js +1 -1
- package/dist/locale/fi.min.js +1 -1
- package/dist/locale/fi.min.mjs +1 -1
- package/dist/locale/fi.mjs +1 -1
- package/dist/locale/fr.js +1 -1
- package/dist/locale/fr.min.js +1 -1
- package/dist/locale/fr.min.mjs +1 -1
- package/dist/locale/fr.mjs +1 -1
- package/dist/locale/he.js +1 -1
- package/dist/locale/he.min.js +1 -1
- package/dist/locale/he.min.mjs +1 -1
- package/dist/locale/he.mjs +1 -1
- package/dist/locale/hr.js +1 -1
- package/dist/locale/hr.min.js +1 -1
- package/dist/locale/hr.min.mjs +1 -1
- package/dist/locale/hr.mjs +1 -1
- package/dist/locale/hu.js +1 -1
- package/dist/locale/hu.min.js +1 -1
- package/dist/locale/hu.min.mjs +1 -1
- package/dist/locale/hu.mjs +1 -1
- package/dist/locale/hy-am.js +1 -1
- package/dist/locale/hy-am.min.js +1 -1
- package/dist/locale/hy-am.min.mjs +1 -1
- package/dist/locale/hy-am.mjs +1 -1
- package/dist/locale/id.js +1 -1
- package/dist/locale/id.min.js +1 -1
- package/dist/locale/id.min.mjs +1 -1
- package/dist/locale/id.mjs +1 -1
- package/dist/locale/it.js +1 -1
- package/dist/locale/it.min.js +1 -1
- package/dist/locale/it.min.mjs +1 -1
- package/dist/locale/it.mjs +1 -1
- package/dist/locale/ja.js +1 -1
- package/dist/locale/ja.min.js +1 -1
- package/dist/locale/ja.min.mjs +1 -1
- package/dist/locale/ja.mjs +1 -1
- package/dist/locale/kk.js +1 -1
- package/dist/locale/kk.min.js +1 -1
- package/dist/locale/kk.min.mjs +1 -1
- package/dist/locale/kk.mjs +1 -1
- package/dist/locale/km.js +1 -1
- package/dist/locale/km.min.js +1 -1
- package/dist/locale/km.min.mjs +1 -1
- package/dist/locale/km.mjs +1 -1
- package/dist/locale/ko.js +1 -1
- package/dist/locale/ko.min.js +1 -1
- package/dist/locale/ko.min.mjs +1 -1
- package/dist/locale/ko.mjs +1 -1
- package/dist/locale/ku.js +1 -1
- package/dist/locale/ku.min.js +1 -1
- package/dist/locale/ku.min.mjs +1 -1
- package/dist/locale/ku.mjs +1 -1
- package/dist/locale/ky.js +1 -1
- package/dist/locale/ky.min.js +1 -1
- package/dist/locale/ky.min.mjs +1 -1
- package/dist/locale/ky.mjs +1 -1
- package/dist/locale/lt.js +1 -1
- package/dist/locale/lt.min.js +1 -1
- package/dist/locale/lt.min.mjs +1 -1
- package/dist/locale/lt.mjs +1 -1
- package/dist/locale/lv.js +1 -1
- package/dist/locale/lv.min.js +1 -1
- package/dist/locale/lv.min.mjs +1 -1
- package/dist/locale/lv.mjs +1 -1
- package/dist/locale/mg.js +1 -1
- package/dist/locale/mg.min.js +1 -1
- package/dist/locale/mg.min.mjs +1 -1
- package/dist/locale/mg.mjs +1 -1
- package/dist/locale/mn.js +1 -1
- package/dist/locale/mn.min.js +1 -1
- package/dist/locale/mn.min.mjs +1 -1
- package/dist/locale/mn.mjs +1 -1
- package/dist/locale/ms.js +1 -1
- package/dist/locale/ms.min.js +1 -1
- package/dist/locale/ms.min.mjs +1 -1
- package/dist/locale/ms.mjs +1 -1
- package/dist/locale/my.js +1 -1
- package/dist/locale/my.min.js +1 -1
- package/dist/locale/my.min.mjs +1 -1
- package/dist/locale/my.mjs +1 -1
- package/dist/locale/nb-no.js +1 -1
- package/dist/locale/nb-no.min.js +1 -1
- package/dist/locale/nb-no.min.mjs +1 -1
- package/dist/locale/nb-no.mjs +1 -1
- package/dist/locale/nl.js +1 -1
- package/dist/locale/nl.min.js +1 -1
- package/dist/locale/nl.min.mjs +1 -1
- package/dist/locale/nl.mjs +1 -1
- package/dist/locale/pa.js +1 -1
- package/dist/locale/pa.min.js +1 -1
- package/dist/locale/pa.min.mjs +1 -1
- package/dist/locale/pa.mjs +1 -1
- package/dist/locale/pl.js +1 -1
- package/dist/locale/pl.min.js +1 -1
- package/dist/locale/pl.min.mjs +1 -1
- package/dist/locale/pl.mjs +1 -1
- package/dist/locale/pt-br.js +1 -1
- package/dist/locale/pt-br.min.js +1 -1
- package/dist/locale/pt-br.min.mjs +1 -1
- package/dist/locale/pt-br.mjs +1 -1
- package/dist/locale/pt.js +1 -1
- package/dist/locale/pt.min.js +1 -1
- package/dist/locale/pt.min.mjs +1 -1
- package/dist/locale/pt.mjs +1 -1
- package/dist/locale/ro.js +1 -1
- package/dist/locale/ro.min.js +1 -1
- package/dist/locale/ro.min.mjs +1 -1
- package/dist/locale/ro.mjs +1 -1
- package/dist/locale/ru.js +1 -1
- package/dist/locale/ru.min.js +1 -1
- package/dist/locale/ru.min.mjs +1 -1
- package/dist/locale/ru.mjs +1 -1
- package/dist/locale/sk.js +1 -1
- package/dist/locale/sk.min.js +1 -1
- package/dist/locale/sk.min.mjs +1 -1
- package/dist/locale/sk.mjs +1 -1
- package/dist/locale/sl.js +1 -1
- package/dist/locale/sl.min.js +1 -1
- package/dist/locale/sl.min.mjs +1 -1
- package/dist/locale/sl.mjs +1 -1
- package/dist/locale/sr.js +1 -1
- package/dist/locale/sr.min.js +1 -1
- package/dist/locale/sr.min.mjs +1 -1
- package/dist/locale/sr.mjs +1 -1
- package/dist/locale/sv.js +1 -1
- package/dist/locale/sv.min.js +1 -1
- package/dist/locale/sv.min.mjs +1 -1
- package/dist/locale/sv.mjs +1 -1
- package/dist/locale/sw.js +1 -1
- package/dist/locale/sw.min.js +1 -1
- package/dist/locale/sw.min.mjs +1 -1
- package/dist/locale/sw.mjs +1 -1
- package/dist/locale/ta.js +1 -1
- package/dist/locale/ta.min.js +1 -1
- package/dist/locale/ta.min.mjs +1 -1
- package/dist/locale/ta.mjs +1 -1
- package/dist/locale/th.js +1 -1
- package/dist/locale/th.min.js +1 -1
- package/dist/locale/th.min.mjs +1 -1
- package/dist/locale/th.mjs +1 -1
- package/dist/locale/tk.js +1 -1
- package/dist/locale/tk.min.js +1 -1
- package/dist/locale/tk.min.mjs +1 -1
- package/dist/locale/tk.mjs +1 -1
- package/dist/locale/tr.js +1 -1
- package/dist/locale/tr.min.js +1 -1
- package/dist/locale/tr.min.mjs +1 -1
- package/dist/locale/tr.mjs +1 -1
- package/dist/locale/ug-cn.js +1 -1
- package/dist/locale/ug-cn.min.js +1 -1
- package/dist/locale/ug-cn.min.mjs +1 -1
- package/dist/locale/ug-cn.mjs +1 -1
- package/dist/locale/uk.js +1 -1
- package/dist/locale/uk.min.js +1 -1
- package/dist/locale/uk.min.mjs +1 -1
- package/dist/locale/uk.mjs +1 -1
- package/dist/locale/uz-uz.js +1 -1
- package/dist/locale/uz-uz.min.js +1 -1
- package/dist/locale/uz-uz.min.mjs +1 -1
- package/dist/locale/uz-uz.mjs +1 -1
- package/dist/locale/vi.js +1 -1
- package/dist/locale/vi.min.js +1 -1
- package/dist/locale/vi.min.mjs +1 -1
- package/dist/locale/vi.mjs +1 -1
- package/dist/locale/zh-cn.js +1 -1
- package/dist/locale/zh-cn.min.js +1 -1
- package/dist/locale/zh-cn.min.mjs +1 -1
- package/dist/locale/zh-cn.mjs +1 -1
- package/dist/locale/zh-tw.js +1 -1
- package/dist/locale/zh-tw.min.js +1 -1
- package/dist/locale/zh-tw.min.mjs +1 -1
- package/dist/locale/zh-tw.mjs +1 -1
- package/es/components/card/index.mjs +2 -2
- package/es/components/card/src/card.mjs +21 -43
- package/es/components/card/src/card.mjs.map +1 -1
- package/es/components/card/src/card2.mjs +43 -21
- package/es/components/card/src/card2.mjs.map +1 -1
- package/es/components/checkbox/index.mjs +2 -2
- package/es/components/checkbox/src/checkbox-button.mjs +1 -1
- package/es/components/checkbox/src/checkbox.mjs +120 -61
- package/es/components/checkbox/src/checkbox.mjs.map +1 -1
- package/es/components/checkbox/src/checkbox2.mjs +61 -120
- package/es/components/checkbox/src/checkbox2.mjs.map +1 -1
- package/es/components/index.mjs +4 -4
- package/es/components/mention/src/mention-dropdown.mjs +15 -167
- package/es/components/mention/src/mention-dropdown.mjs.map +1 -1
- package/es/components/mention/src/mention-dropdown2.mjs +167 -15
- package/es/components/mention/src/mention-dropdown2.mjs.map +1 -1
- package/es/components/mention/src/mention2.mjs +1 -1
- package/es/components/menu/index.mjs +2 -2
- package/es/components/menu/src/menu-item.mjs +14 -97
- package/es/components/menu/src/menu-item.mjs.map +1 -1
- package/es/components/menu/src/menu-item2.mjs +97 -14
- package/es/components/menu/src/menu-item2.mjs.map +1 -1
- package/es/components/pagination/src/components/pager.mjs +210 -17
- package/es/components/pagination/src/components/pager.mjs.map +1 -1
- package/es/components/pagination/src/components/pager2.mjs +17 -210
- package/es/components/pagination/src/components/pager2.mjs.map +1 -1
- package/es/components/pagination/src/pagination.mjs +1 -1
- package/es/components/segmented/index.mjs +2 -2
- package/es/components/segmented/src/segmented.mjs +34 -169
- package/es/components/segmented/src/segmented.mjs.map +1 -1
- package/es/components/segmented/src/segmented2.mjs +169 -34
- package/es/components/segmented/src/segmented2.mjs.map +1 -1
- package/es/index.mjs +4 -4
- package/es/version.d.ts +1 -1
- package/es/version.mjs +1 -1
- package/es/version.mjs.map +1 -1
- package/lib/components/card/index.js +2 -2
- package/lib/components/card/src/card.js +21 -43
- package/lib/components/card/src/card.js.map +1 -1
- package/lib/components/card/src/card2.js +43 -21
- package/lib/components/card/src/card2.js.map +1 -1
- package/lib/components/checkbox/index.js +2 -2
- package/lib/components/checkbox/src/checkbox-button.js +1 -1
- package/lib/components/checkbox/src/checkbox.js +120 -62
- package/lib/components/checkbox/src/checkbox.js.map +1 -1
- package/lib/components/checkbox/src/checkbox2.js +62 -120
- package/lib/components/checkbox/src/checkbox2.js.map +1 -1
- package/lib/components/index.js +4 -4
- package/lib/components/mention/src/mention-dropdown.js +16 -167
- package/lib/components/mention/src/mention-dropdown.js.map +1 -1
- package/lib/components/mention/src/mention-dropdown2.js +167 -16
- package/lib/components/mention/src/mention-dropdown2.js.map +1 -1
- package/lib/components/mention/src/mention2.js +1 -1
- package/lib/components/menu/index.js +2 -2
- package/lib/components/menu/src/menu-item.js +15 -97
- package/lib/components/menu/src/menu-item.js.map +1 -1
- package/lib/components/menu/src/menu-item2.js +97 -15
- package/lib/components/menu/src/menu-item2.js.map +1 -1
- package/lib/components/pagination/src/components/pager.js +210 -17
- package/lib/components/pagination/src/components/pager.js.map +1 -1
- package/lib/components/pagination/src/components/pager2.js +17 -210
- package/lib/components/pagination/src/components/pager2.js.map +1 -1
- package/lib/components/pagination/src/pagination.js +1 -1
- package/lib/components/segmented/index.js +2 -2
- package/lib/components/segmented/src/segmented.js +34 -168
- package/lib/components/segmented/src/segmented.js.map +1 -1
- package/lib/components/segmented/src/segmented2.js +168 -34
- package/lib/components/segmented/src/segmented2.js.map +1 -1
- package/lib/index.js +4 -4
- package/lib/version.d.ts +1 -1
- package/lib/version.js +1 -1
- package/lib/version.js.map +1 -1
- package/package.json +1 -1
- package/web-types.json +1 -1
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"checkbox2.js","sources":["../../../../../../packages/components/checkbox/src/checkbox.
|
1
|
+
{"version":3,"file":"checkbox2.js","sources":["../../../../../../packages/components/checkbox/src/checkbox.ts"],"sourcesContent":["import { UPDATE_MODEL_EVENT } from '@element-plus/constants'\nimport { useAriaProps, useSizeProp } from '@element-plus/hooks'\nimport { isBoolean, isNumber, isString } from '@element-plus/utils'\n\nimport type { ExtractPropTypes } from 'vue'\nimport type Checkbox from './checkbox.vue'\n\nexport type CheckboxValueType = string | number | boolean\n\nexport const checkboxProps = {\n /**\n * @description binding value\n */\n modelValue: {\n type: [Number, String, Boolean],\n default: undefined,\n },\n /**\n * @description label of the Checkbox when used inside a `checkbox-group`\n */\n label: {\n type: [String, Boolean, Number, Object],\n default: undefined,\n },\n /**\n * @description value of the Checkbox when used inside a `checkbox-group`\n */\n value: {\n type: [String, Boolean, Number, Object],\n default: undefined,\n },\n /**\n * @description Set indeterminate state, only responsible for style control\n */\n indeterminate: Boolean,\n /**\n * @description whether the Checkbox is disabled\n */\n disabled: Boolean,\n /**\n * @description if the Checkbox is checked\n */\n checked: Boolean,\n /**\n * @description native 'name' attribute\n */\n name: {\n type: String,\n default: undefined,\n },\n /**\n * @description value of the Checkbox if it's checked\n */\n trueValue: {\n type: [String, Number],\n default: undefined,\n },\n /**\n * @description value of the Checkbox if it's not checked\n */\n falseValue: {\n type: [String, Number],\n default: undefined,\n },\n /**\n * @deprecated use `trueValue` instead\n * @description value of the Checkbox if it's checked\n */\n trueLabel: {\n type: [String, Number],\n default: undefined,\n },\n /**\n * @deprecated use `falseValue` instead\n * @description value of the Checkbox if it's not checked\n */\n falseLabel: {\n type: [String, Number],\n default: undefined,\n },\n /**\n * @description input id\n */\n id: {\n type: String,\n default: undefined,\n },\n /**\n * @description whether to add a border around Checkbox\n */\n border: Boolean,\n /**\n * @description size of the Checkbox\n */\n size: useSizeProp,\n /**\n * @description input tabindex\n */\n tabindex: [String, Number],\n /**\n * @description whether to trigger form validation\n */\n validateEvent: {\n type: Boolean,\n default: true,\n },\n ...useAriaProps(['ariaControls']),\n}\n\nexport const checkboxEmits = {\n [UPDATE_MODEL_EVENT]: (val: CheckboxValueType) =>\n isString(val) || isNumber(val) || isBoolean(val),\n change: (val: CheckboxValueType) =>\n isString(val) || isNumber(val) || isBoolean(val),\n}\n\nexport type CheckboxProps = ExtractPropTypes<typeof checkboxProps>\nexport type CheckboxEmits = typeof checkboxEmits\nexport type CheckboxInstance = InstanceType<typeof Checkbox>\n"],"names":["useSizeProp","useAriaProps","UPDATE_MODEL_EVENT","isString","isNumber","isBoolean"],"mappings":";;;;;;;;;;;;;AAGY,MAAC,aAAa,GAAG;AAC7B,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,CAAC;AACnC,IAAI,OAAO,EAAE,KAAK,CAAC;AACnB,GAAG;AACH,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,CAAC;AAC3C,IAAI,OAAO,EAAE,KAAK,CAAC;AACnB,GAAG;AACH,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,CAAC;AAC3C,IAAI,OAAO,EAAE,KAAK,CAAC;AACnB,GAAG;AACH,EAAE,aAAa,EAAE,OAAO;AACxB,EAAE,QAAQ,EAAE,OAAO;AACnB,EAAE,OAAO,EAAE,OAAO;AAClB,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,KAAK,CAAC;AACnB,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;AAC1B,IAAI,OAAO,EAAE,KAAK,CAAC;AACnB,GAAG;AACH,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;AAC1B,IAAI,OAAO,EAAE,KAAK,CAAC;AACnB,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;AAC1B,IAAI,OAAO,EAAE,KAAK,CAAC;AACnB,GAAG;AACH,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;AAC1B,IAAI,OAAO,EAAE,KAAK,CAAC;AACnB,GAAG;AACH,EAAE,EAAE,EAAE;AACN,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,KAAK,CAAC;AACnB,GAAG;AACH,EAAE,MAAM,EAAE,OAAO;AACjB,EAAE,IAAI,EAAEA,iBAAW;AACnB,EAAE,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;AAC5B,EAAE,aAAa,EAAE;AACjB,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,GAAGC,oBAAY,CAAC,CAAC,cAAc,CAAC,CAAC;AACnC,EAAE;AACU,MAAC,aAAa,GAAG;AAC7B,EAAE,CAACC,wBAAkB,GAAG,CAAC,GAAG,KAAKC,eAAQ,CAAC,GAAG,CAAC,IAAIC,cAAQ,CAAC,GAAG,CAAC,IAAIC,eAAS,CAAC,GAAG,CAAC;AACjF,EAAE,MAAM,EAAE,CAAC,GAAG,KAAKF,eAAQ,CAAC,GAAG,CAAC,IAAIC,cAAQ,CAAC,GAAG,CAAC,IAAIC,eAAS,CAAC,GAAG,CAAC;AACnE;;;;;"}
|
package/lib/components/index.js
CHANGED
@@ -96,7 +96,7 @@ var constants = require('./breadcrumb/src/constants.js');
|
|
96
96
|
var button = require('./button/src/button.js');
|
97
97
|
var constants$1 = require('./button/src/constants.js');
|
98
98
|
var calendar = require('./calendar/src/calendar.js');
|
99
|
-
var card = require('./card/src/
|
99
|
+
var card = require('./card/src/card.js');
|
100
100
|
var carousel = require('./carousel/src/carousel.js');
|
101
101
|
var carouselItem = require('./carousel/src/carousel-item.js');
|
102
102
|
var constants$2 = require('./carousel/src/constants.js');
|
@@ -105,7 +105,7 @@ var types = require('./cascader-panel/src/types.js');
|
|
105
105
|
var config = require('./cascader-panel/src/config.js');
|
106
106
|
var checkTag = require('./check-tag/src/check-tag.js');
|
107
107
|
var checkboxGroup = require('./checkbox/src/checkbox-group.js');
|
108
|
-
var checkbox = require('./checkbox/src/
|
108
|
+
var checkbox = require('./checkbox/src/checkbox2.js');
|
109
109
|
var constants$3 = require('./checkbox/src/constants.js');
|
110
110
|
var col = require('./col/src/col.js');
|
111
111
|
var collapse = require('./collapse/src/collapse.js');
|
@@ -141,7 +141,7 @@ var input = require('./input/src/input.js');
|
|
141
141
|
var inputNumber = require('./input-number/src/input-number.js');
|
142
142
|
var link = require('./link/src/link.js');
|
143
143
|
var menu = require('./menu/src/menu.js');
|
144
|
-
var menuItem = require('./menu/src/menu-
|
144
|
+
var menuItem = require('./menu/src/menu-item.js');
|
145
145
|
var menuItemGroup = require('./menu/src/menu-item-group.js');
|
146
146
|
var subMenu = require('./menu/src/sub-menu.js');
|
147
147
|
var overlay = require('./overlay/src/overlay.js');
|
@@ -223,7 +223,7 @@ var tour = require('./tour/src/tour.js');
|
|
223
223
|
var step = require('./tour/src/step.js');
|
224
224
|
var content$3 = require('./tour/src/content.js');
|
225
225
|
var anchor = require('./anchor/src/anchor.js');
|
226
|
-
var segmented = require('./segmented/src/
|
226
|
+
var segmented = require('./segmented/src/segmented.js');
|
227
227
|
var mention = require('./mention/src/mention.js');
|
228
228
|
var directive = require('./loading/src/directive.js');
|
229
229
|
var service = require('./loading/src/service.js');
|
@@ -2,175 +2,24 @@
|
|
2
2
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
4
4
|
|
5
|
-
var vue = require('vue');
|
6
|
-
require('../../../hooks/index.js');
|
7
5
|
require('../../../utils/index.js');
|
8
|
-
var
|
9
|
-
var
|
10
|
-
var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
|
11
|
-
var index = require('../../../hooks/use-namespace/index.js');
|
12
|
-
var index$1 = require('../../../hooks/use-locale/index.js');
|
13
|
-
var scroll = require('../../../utils/dom/scroll.js');
|
6
|
+
var runtime = require('../../../utils/vue/props/runtime.js');
|
7
|
+
var shared = require('@vue/shared');
|
14
8
|
|
15
|
-
const
|
16
|
-
|
9
|
+
const mentionDropdownProps = runtime.buildProps({
|
10
|
+
options: {
|
11
|
+
type: runtime.definePropType(Array),
|
12
|
+
default: () => []
|
13
|
+
},
|
14
|
+
loading: Boolean,
|
15
|
+
disabled: Boolean,
|
16
|
+
contentId: String,
|
17
|
+
ariaLabel: String
|
17
18
|
});
|
18
|
-
const
|
19
|
-
|
20
|
-
|
21
|
-
emits: mentionDropdown.mentionDropdownEmits,
|
22
|
-
setup(__props, { expose, emit }) {
|
23
|
-
const props = __props;
|
24
|
-
const ns = index.useNamespace("mention");
|
25
|
-
const { t } = index$1.useLocale();
|
26
|
-
const hoveringIndex = vue.ref(-1);
|
27
|
-
const scrollbarRef = vue.ref();
|
28
|
-
const optionRefs = vue.ref();
|
29
|
-
const dropdownRef = vue.ref();
|
30
|
-
const optionkls = (item, index) => [
|
31
|
-
ns.be("dropdown", "item"),
|
32
|
-
ns.is("hovering", hoveringIndex.value === index),
|
33
|
-
ns.is("disabled", item.disabled || props.disabled)
|
34
|
-
];
|
35
|
-
const handleSelect = (item) => {
|
36
|
-
if (item.disabled || props.disabled)
|
37
|
-
return;
|
38
|
-
emit("select", item);
|
39
|
-
};
|
40
|
-
const handleMouseEnter = (index) => {
|
41
|
-
hoveringIndex.value = index;
|
42
|
-
};
|
43
|
-
const filteredAllDisabled = vue.computed(() => props.disabled || props.options.every((item) => item.disabled));
|
44
|
-
const hoverOption = vue.computed(() => props.options[hoveringIndex.value]);
|
45
|
-
const selectHoverOption = () => {
|
46
|
-
if (!hoverOption.value)
|
47
|
-
return;
|
48
|
-
emit("select", hoverOption.value);
|
49
|
-
};
|
50
|
-
const navigateOptions = (direction) => {
|
51
|
-
const { options } = props;
|
52
|
-
if (options.length === 0 || filteredAllDisabled.value)
|
53
|
-
return;
|
54
|
-
if (direction === "next") {
|
55
|
-
hoveringIndex.value++;
|
56
|
-
if (hoveringIndex.value === options.length) {
|
57
|
-
hoveringIndex.value = 0;
|
58
|
-
}
|
59
|
-
} else if (direction === "prev") {
|
60
|
-
hoveringIndex.value--;
|
61
|
-
if (hoveringIndex.value < 0) {
|
62
|
-
hoveringIndex.value = options.length - 1;
|
63
|
-
}
|
64
|
-
}
|
65
|
-
const option = options[hoveringIndex.value];
|
66
|
-
if (option.disabled) {
|
67
|
-
navigateOptions(direction);
|
68
|
-
return;
|
69
|
-
}
|
70
|
-
vue.nextTick(() => scrollToOption(option));
|
71
|
-
};
|
72
|
-
const scrollToOption = (option) => {
|
73
|
-
var _a, _b, _c, _d;
|
74
|
-
const { options } = props;
|
75
|
-
const index = options.findIndex((item) => item.value === option.value);
|
76
|
-
const target = (_a = optionRefs.value) == null ? void 0 : _a[index];
|
77
|
-
if (target) {
|
78
|
-
const menu = (_c = (_b = dropdownRef.value) == null ? void 0 : _b.querySelector) == null ? void 0 : _c.call(_b, `.${ns.be("dropdown", "wrap")}`);
|
79
|
-
if (menu) {
|
80
|
-
scroll.scrollIntoView(menu, target);
|
81
|
-
}
|
82
|
-
}
|
83
|
-
(_d = scrollbarRef.value) == null ? void 0 : _d.handleScroll();
|
84
|
-
};
|
85
|
-
const resetHoveringIndex = () => {
|
86
|
-
if (filteredAllDisabled.value || props.options.length === 0) {
|
87
|
-
hoveringIndex.value = -1;
|
88
|
-
} else {
|
89
|
-
hoveringIndex.value = 0;
|
90
|
-
}
|
91
|
-
};
|
92
|
-
vue.watch(() => props.options, resetHoveringIndex, {
|
93
|
-
immediate: true
|
94
|
-
});
|
95
|
-
expose({
|
96
|
-
hoveringIndex,
|
97
|
-
navigateOptions,
|
98
|
-
selectHoverOption,
|
99
|
-
hoverOption
|
100
|
-
});
|
101
|
-
return (_ctx, _cache) => {
|
102
|
-
return vue.openBlock(), vue.createElementBlock("div", {
|
103
|
-
ref_key: "dropdownRef",
|
104
|
-
ref: dropdownRef,
|
105
|
-
class: vue.normalizeClass(vue.unref(ns).b("dropdown"))
|
106
|
-
}, [
|
107
|
-
_ctx.$slots.header ? (vue.openBlock(), vue.createElementBlock("div", {
|
108
|
-
key: 0,
|
109
|
-
class: vue.normalizeClass(vue.unref(ns).be("dropdown", "header"))
|
110
|
-
}, [
|
111
|
-
vue.renderSlot(_ctx.$slots, "header")
|
112
|
-
], 2)) : vue.createCommentVNode("v-if", true),
|
113
|
-
vue.withDirectives(vue.createVNode(vue.unref(index$2.ElScrollbar), {
|
114
|
-
id: _ctx.contentId,
|
115
|
-
ref_key: "scrollbarRef",
|
116
|
-
ref: scrollbarRef,
|
117
|
-
tag: "ul",
|
118
|
-
"wrap-class": vue.unref(ns).be("dropdown", "wrap"),
|
119
|
-
"view-class": vue.unref(ns).be("dropdown", "list"),
|
120
|
-
role: "listbox",
|
121
|
-
"aria-label": _ctx.ariaLabel,
|
122
|
-
"aria-orientation": "vertical"
|
123
|
-
}, {
|
124
|
-
default: vue.withCtx(() => [
|
125
|
-
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.options, (item, index) => {
|
126
|
-
return vue.openBlock(), vue.createElementBlock("li", {
|
127
|
-
id: `${_ctx.contentId}-${index}`,
|
128
|
-
ref_for: true,
|
129
|
-
ref_key: "optionRefs",
|
130
|
-
ref: optionRefs,
|
131
|
-
key: index,
|
132
|
-
class: vue.normalizeClass(optionkls(item, index)),
|
133
|
-
role: "option",
|
134
|
-
"aria-disabled": item.disabled || _ctx.disabled || void 0,
|
135
|
-
"aria-selected": hoveringIndex.value === index,
|
136
|
-
onMousemove: ($event) => handleMouseEnter(index),
|
137
|
-
onClick: vue.withModifiers(($event) => handleSelect(item), ["stop"])
|
138
|
-
}, [
|
139
|
-
vue.renderSlot(_ctx.$slots, "label", {
|
140
|
-
item,
|
141
|
-
index
|
142
|
-
}, () => {
|
143
|
-
var _a;
|
144
|
-
return [
|
145
|
-
vue.createElementVNode("span", null, vue.toDisplayString((_a = item.label) != null ? _a : item.value), 1)
|
146
|
-
];
|
147
|
-
})
|
148
|
-
], 42, ["id", "aria-disabled", "aria-selected", "onMousemove", "onClick"]);
|
149
|
-
}), 128))
|
150
|
-
]),
|
151
|
-
_: 3
|
152
|
-
}, 8, ["id", "wrap-class", "view-class", "aria-label"]), [
|
153
|
-
[vue.vShow, _ctx.options.length > 0 && !_ctx.loading]
|
154
|
-
]),
|
155
|
-
_ctx.loading ? (vue.openBlock(), vue.createElementBlock("div", {
|
156
|
-
key: 1,
|
157
|
-
class: vue.normalizeClass(vue.unref(ns).be("dropdown", "loading"))
|
158
|
-
}, [
|
159
|
-
vue.renderSlot(_ctx.$slots, "loading", {}, () => [
|
160
|
-
vue.createTextVNode(vue.toDisplayString(vue.unref(t)("el.mention.loading")), 1)
|
161
|
-
])
|
162
|
-
], 2)) : vue.createCommentVNode("v-if", true),
|
163
|
-
_ctx.$slots.footer ? (vue.openBlock(), vue.createElementBlock("div", {
|
164
|
-
key: 2,
|
165
|
-
class: vue.normalizeClass(vue.unref(ns).be("dropdown", "footer"))
|
166
|
-
}, [
|
167
|
-
vue.renderSlot(_ctx.$slots, "footer")
|
168
|
-
], 2)) : vue.createCommentVNode("v-if", true)
|
169
|
-
], 2);
|
170
|
-
};
|
171
|
-
}
|
172
|
-
});
|
173
|
-
var ElMentionDropdown = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "mention-dropdown.vue"]]);
|
19
|
+
const mentionDropdownEmits = {
|
20
|
+
select: (option) => shared.isString(option.value)
|
21
|
+
};
|
174
22
|
|
175
|
-
exports
|
23
|
+
exports.mentionDropdownEmits = mentionDropdownEmits;
|
24
|
+
exports.mentionDropdownProps = mentionDropdownProps;
|
176
25
|
//# sourceMappingURL=mention-dropdown.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"mention-dropdown.js","sources":["../../../../../../packages/components/mention/src/mention-dropdown.
|
1
|
+
{"version":3,"file":"mention-dropdown.js","sources":["../../../../../../packages/components/mention/src/mention-dropdown.ts"],"sourcesContent":["import { buildProps, definePropType, isString } from '@element-plus/utils'\n\nimport type { MentionOption } from './types'\n\nexport const mentionDropdownProps = buildProps({\n options: {\n type: definePropType<MentionOption[]>(Array),\n default: () => [],\n },\n loading: Boolean,\n disabled: Boolean,\n contentId: String,\n ariaLabel: String,\n})\n\nexport const mentionDropdownEmits = {\n select: (option: MentionOption) => isString(option.value),\n}\n"],"names":["buildProps","definePropType","isString"],"mappings":";;;;;;;;AACY,MAAC,oBAAoB,GAAGA,kBAAU,CAAC;AAC/C,EAAE,OAAO,EAAE;AACX,IAAI,IAAI,EAAEC,sBAAc,CAAC,KAAK,CAAC;AAC/B,IAAI,OAAO,EAAE,MAAM,EAAE;AACrB,GAAG;AACH,EAAE,OAAO,EAAE,OAAO;AAClB,EAAE,QAAQ,EAAE,OAAO;AACnB,EAAE,SAAS,EAAE,MAAM;AACnB,EAAE,SAAS,EAAE,MAAM;AACnB,CAAC,EAAE;AACS,MAAC,oBAAoB,GAAG;AACpC,EAAE,MAAM,EAAE,CAAC,MAAM,KAAKC,eAAQ,CAAC,MAAM,CAAC,KAAK,CAAC;AAC5C;;;;;"}
|
@@ -2,24 +2,175 @@
|
|
2
2
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
4
4
|
|
5
|
+
var vue = require('vue');
|
6
|
+
require('../../../hooks/index.js');
|
5
7
|
require('../../../utils/index.js');
|
6
|
-
var
|
7
|
-
var
|
8
|
+
var index$2 = require('../../scrollbar/index.js');
|
9
|
+
var mentionDropdown = require('./mention-dropdown.js');
|
10
|
+
var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
|
11
|
+
var index = require('../../../hooks/use-namespace/index.js');
|
12
|
+
var index$1 = require('../../../hooks/use-locale/index.js');
|
13
|
+
var scroll = require('../../../utils/dom/scroll.js');
|
8
14
|
|
9
|
-
const
|
10
|
-
|
11
|
-
type: runtime.definePropType(Array),
|
12
|
-
default: () => []
|
13
|
-
},
|
14
|
-
loading: Boolean,
|
15
|
-
disabled: Boolean,
|
16
|
-
contentId: String,
|
17
|
-
ariaLabel: String
|
15
|
+
const __default__ = vue.defineComponent({
|
16
|
+
name: "ElMentionDropdown"
|
18
17
|
});
|
19
|
-
const
|
20
|
-
|
21
|
-
|
18
|
+
const _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
19
|
+
...__default__,
|
20
|
+
props: mentionDropdown.mentionDropdownProps,
|
21
|
+
emits: mentionDropdown.mentionDropdownEmits,
|
22
|
+
setup(__props, { expose, emit }) {
|
23
|
+
const props = __props;
|
24
|
+
const ns = index.useNamespace("mention");
|
25
|
+
const { t } = index$1.useLocale();
|
26
|
+
const hoveringIndex = vue.ref(-1);
|
27
|
+
const scrollbarRef = vue.ref();
|
28
|
+
const optionRefs = vue.ref();
|
29
|
+
const dropdownRef = vue.ref();
|
30
|
+
const optionkls = (item, index) => [
|
31
|
+
ns.be("dropdown", "item"),
|
32
|
+
ns.is("hovering", hoveringIndex.value === index),
|
33
|
+
ns.is("disabled", item.disabled || props.disabled)
|
34
|
+
];
|
35
|
+
const handleSelect = (item) => {
|
36
|
+
if (item.disabled || props.disabled)
|
37
|
+
return;
|
38
|
+
emit("select", item);
|
39
|
+
};
|
40
|
+
const handleMouseEnter = (index) => {
|
41
|
+
hoveringIndex.value = index;
|
42
|
+
};
|
43
|
+
const filteredAllDisabled = vue.computed(() => props.disabled || props.options.every((item) => item.disabled));
|
44
|
+
const hoverOption = vue.computed(() => props.options[hoveringIndex.value]);
|
45
|
+
const selectHoverOption = () => {
|
46
|
+
if (!hoverOption.value)
|
47
|
+
return;
|
48
|
+
emit("select", hoverOption.value);
|
49
|
+
};
|
50
|
+
const navigateOptions = (direction) => {
|
51
|
+
const { options } = props;
|
52
|
+
if (options.length === 0 || filteredAllDisabled.value)
|
53
|
+
return;
|
54
|
+
if (direction === "next") {
|
55
|
+
hoveringIndex.value++;
|
56
|
+
if (hoveringIndex.value === options.length) {
|
57
|
+
hoveringIndex.value = 0;
|
58
|
+
}
|
59
|
+
} else if (direction === "prev") {
|
60
|
+
hoveringIndex.value--;
|
61
|
+
if (hoveringIndex.value < 0) {
|
62
|
+
hoveringIndex.value = options.length - 1;
|
63
|
+
}
|
64
|
+
}
|
65
|
+
const option = options[hoveringIndex.value];
|
66
|
+
if (option.disabled) {
|
67
|
+
navigateOptions(direction);
|
68
|
+
return;
|
69
|
+
}
|
70
|
+
vue.nextTick(() => scrollToOption(option));
|
71
|
+
};
|
72
|
+
const scrollToOption = (option) => {
|
73
|
+
var _a, _b, _c, _d;
|
74
|
+
const { options } = props;
|
75
|
+
const index = options.findIndex((item) => item.value === option.value);
|
76
|
+
const target = (_a = optionRefs.value) == null ? void 0 : _a[index];
|
77
|
+
if (target) {
|
78
|
+
const menu = (_c = (_b = dropdownRef.value) == null ? void 0 : _b.querySelector) == null ? void 0 : _c.call(_b, `.${ns.be("dropdown", "wrap")}`);
|
79
|
+
if (menu) {
|
80
|
+
scroll.scrollIntoView(menu, target);
|
81
|
+
}
|
82
|
+
}
|
83
|
+
(_d = scrollbarRef.value) == null ? void 0 : _d.handleScroll();
|
84
|
+
};
|
85
|
+
const resetHoveringIndex = () => {
|
86
|
+
if (filteredAllDisabled.value || props.options.length === 0) {
|
87
|
+
hoveringIndex.value = -1;
|
88
|
+
} else {
|
89
|
+
hoveringIndex.value = 0;
|
90
|
+
}
|
91
|
+
};
|
92
|
+
vue.watch(() => props.options, resetHoveringIndex, {
|
93
|
+
immediate: true
|
94
|
+
});
|
95
|
+
expose({
|
96
|
+
hoveringIndex,
|
97
|
+
navigateOptions,
|
98
|
+
selectHoverOption,
|
99
|
+
hoverOption
|
100
|
+
});
|
101
|
+
return (_ctx, _cache) => {
|
102
|
+
return vue.openBlock(), vue.createElementBlock("div", {
|
103
|
+
ref_key: "dropdownRef",
|
104
|
+
ref: dropdownRef,
|
105
|
+
class: vue.normalizeClass(vue.unref(ns).b("dropdown"))
|
106
|
+
}, [
|
107
|
+
_ctx.$slots.header ? (vue.openBlock(), vue.createElementBlock("div", {
|
108
|
+
key: 0,
|
109
|
+
class: vue.normalizeClass(vue.unref(ns).be("dropdown", "header"))
|
110
|
+
}, [
|
111
|
+
vue.renderSlot(_ctx.$slots, "header")
|
112
|
+
], 2)) : vue.createCommentVNode("v-if", true),
|
113
|
+
vue.withDirectives(vue.createVNode(vue.unref(index$2.ElScrollbar), {
|
114
|
+
id: _ctx.contentId,
|
115
|
+
ref_key: "scrollbarRef",
|
116
|
+
ref: scrollbarRef,
|
117
|
+
tag: "ul",
|
118
|
+
"wrap-class": vue.unref(ns).be("dropdown", "wrap"),
|
119
|
+
"view-class": vue.unref(ns).be("dropdown", "list"),
|
120
|
+
role: "listbox",
|
121
|
+
"aria-label": _ctx.ariaLabel,
|
122
|
+
"aria-orientation": "vertical"
|
123
|
+
}, {
|
124
|
+
default: vue.withCtx(() => [
|
125
|
+
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.options, (item, index) => {
|
126
|
+
return vue.openBlock(), vue.createElementBlock("li", {
|
127
|
+
id: `${_ctx.contentId}-${index}`,
|
128
|
+
ref_for: true,
|
129
|
+
ref_key: "optionRefs",
|
130
|
+
ref: optionRefs,
|
131
|
+
key: index,
|
132
|
+
class: vue.normalizeClass(optionkls(item, index)),
|
133
|
+
role: "option",
|
134
|
+
"aria-disabled": item.disabled || _ctx.disabled || void 0,
|
135
|
+
"aria-selected": hoveringIndex.value === index,
|
136
|
+
onMousemove: ($event) => handleMouseEnter(index),
|
137
|
+
onClick: vue.withModifiers(($event) => handleSelect(item), ["stop"])
|
138
|
+
}, [
|
139
|
+
vue.renderSlot(_ctx.$slots, "label", {
|
140
|
+
item,
|
141
|
+
index
|
142
|
+
}, () => {
|
143
|
+
var _a;
|
144
|
+
return [
|
145
|
+
vue.createElementVNode("span", null, vue.toDisplayString((_a = item.label) != null ? _a : item.value), 1)
|
146
|
+
];
|
147
|
+
})
|
148
|
+
], 42, ["id", "aria-disabled", "aria-selected", "onMousemove", "onClick"]);
|
149
|
+
}), 128))
|
150
|
+
]),
|
151
|
+
_: 3
|
152
|
+
}, 8, ["id", "wrap-class", "view-class", "aria-label"]), [
|
153
|
+
[vue.vShow, _ctx.options.length > 0 && !_ctx.loading]
|
154
|
+
]),
|
155
|
+
_ctx.loading ? (vue.openBlock(), vue.createElementBlock("div", {
|
156
|
+
key: 1,
|
157
|
+
class: vue.normalizeClass(vue.unref(ns).be("dropdown", "loading"))
|
158
|
+
}, [
|
159
|
+
vue.renderSlot(_ctx.$slots, "loading", {}, () => [
|
160
|
+
vue.createTextVNode(vue.toDisplayString(vue.unref(t)("el.mention.loading")), 1)
|
161
|
+
])
|
162
|
+
], 2)) : vue.createCommentVNode("v-if", true),
|
163
|
+
_ctx.$slots.footer ? (vue.openBlock(), vue.createElementBlock("div", {
|
164
|
+
key: 2,
|
165
|
+
class: vue.normalizeClass(vue.unref(ns).be("dropdown", "footer"))
|
166
|
+
}, [
|
167
|
+
vue.renderSlot(_ctx.$slots, "footer")
|
168
|
+
], 2)) : vue.createCommentVNode("v-if", true)
|
169
|
+
], 2);
|
170
|
+
};
|
171
|
+
}
|
172
|
+
});
|
173
|
+
var ElMentionDropdown = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "mention-dropdown.vue"]]);
|
22
174
|
|
23
|
-
exports
|
24
|
-
exports.mentionDropdownProps = mentionDropdownProps;
|
175
|
+
exports["default"] = ElMentionDropdown;
|
25
176
|
//# sourceMappingURL=mention-dropdown2.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"mention-dropdown2.js","sources":["../../../../../../packages/components/mention/src/mention-dropdown.
|
1
|
+
{"version":3,"file":"mention-dropdown2.js","sources":["../../../../../../packages/components/mention/src/mention-dropdown.vue"],"sourcesContent":["<template>\n <div ref=\"dropdownRef\" :class=\"ns.b('dropdown')\">\n <div v-if=\"$slots.header\" :class=\"ns.be('dropdown', 'header')\">\n <slot name=\"header\" />\n </div>\n <el-scrollbar\n v-show=\"options.length > 0 && !loading\"\n :id=\"contentId\"\n ref=\"scrollbarRef\"\n tag=\"ul\"\n :wrap-class=\"ns.be('dropdown', 'wrap')\"\n :view-class=\"ns.be('dropdown', 'list')\"\n role=\"listbox\"\n :aria-label=\"ariaLabel\"\n aria-orientation=\"vertical\"\n >\n <li\n v-for=\"(item, index) in options\"\n :id=\"`${contentId}-${index}`\"\n ref=\"optionRefs\"\n :key=\"index\"\n :class=\"optionkls(item, index)\"\n role=\"option\"\n :aria-disabled=\"item.disabled || disabled || undefined\"\n :aria-selected=\"hoveringIndex === index\"\n @mousemove=\"handleMouseEnter(index)\"\n @click.stop=\"handleSelect(item)\"\n >\n <slot name=\"label\" :item=\"item\" :index=\"index\">\n <span>{{ item.label ?? item.value }}</span>\n </slot>\n </li>\n </el-scrollbar>\n <div v-if=\"loading\" :class=\"ns.be('dropdown', 'loading')\">\n <slot name=\"loading\"> {{ t('el.mention.loading') }} </slot>\n </div>\n <div v-if=\"$slots.footer\" :class=\"ns.be('dropdown', 'footer')\">\n <slot name=\"footer\" />\n </div>\n </div>\n</template>\n<script setup lang=\"ts\">\nimport { computed, nextTick, ref, watch } from 'vue'\nimport { useLocale, useNamespace } from '@element-plus/hooks'\nimport { scrollIntoView } from '@element-plus/utils'\nimport ElScrollbar from '@element-plus/components/scrollbar'\nimport { mentionDropdownEmits, mentionDropdownProps } from './mention-dropdown'\n\nimport type { MentionOption } from './types'\n\ndefineOptions({\n name: 'ElMentionDropdown',\n})\n\nconst props = defineProps(mentionDropdownProps)\nconst emit = defineEmits(mentionDropdownEmits)\n\nconst ns = useNamespace('mention')\nconst { t } = useLocale()\nconst hoveringIndex = ref(-1)\n\nconst scrollbarRef = ref<InstanceType<typeof ElScrollbar>>()\nconst optionRefs = ref<HTMLElement[]>()\nconst dropdownRef = ref<HTMLElement>()\n\nconst optionkls = (item: MentionOption, index: number) => [\n ns.be('dropdown', 'item'),\n ns.is('hovering', hoveringIndex.value === index),\n ns.is('disabled', item.disabled || props.disabled),\n]\n\nconst handleSelect = (item: MentionOption) => {\n if (item.disabled || props.disabled) return\n emit('select', item)\n}\n\nconst handleMouseEnter = (index: number) => {\n hoveringIndex.value = index\n}\n\nconst filteredAllDisabled = computed(\n () => props.disabled || props.options.every((item) => item.disabled)\n)\n\nconst hoverOption = computed(() => props.options[hoveringIndex.value])\n\nconst selectHoverOption = () => {\n if (!hoverOption.value) return\n emit('select', hoverOption.value)\n}\n\nconst navigateOptions = (direction: 'next' | 'prev') => {\n const { options } = props\n if (options.length === 0 || filteredAllDisabled.value) return\n\n if (direction === 'next') {\n hoveringIndex.value++\n if (hoveringIndex.value === options.length) {\n hoveringIndex.value = 0\n }\n } else if (direction === 'prev') {\n hoveringIndex.value--\n if (hoveringIndex.value < 0) {\n hoveringIndex.value = options.length - 1\n }\n }\n const option = options[hoveringIndex.value]\n if (option.disabled) {\n navigateOptions(direction)\n return\n }\n nextTick(() => scrollToOption(option))\n}\n\nconst scrollToOption = (option: MentionOption) => {\n const { options } = props\n\n const index = options.findIndex((item) => item.value === option.value)\n const target = optionRefs.value?.[index]\n\n if (target) {\n const menu = dropdownRef.value?.querySelector?.(\n `.${ns.be('dropdown', 'wrap')}`\n )\n if (menu) {\n scrollIntoView(menu as HTMLElement, target)\n }\n }\n scrollbarRef.value?.handleScroll()\n}\n\nconst resetHoveringIndex = () => {\n if (filteredAllDisabled.value || props.options.length === 0) {\n hoveringIndex.value = -1\n } else {\n hoveringIndex.value = 0\n }\n}\n\nwatch(() => props.options, resetHoveringIndex, {\n immediate: true,\n})\n\ndefineExpose({\n hoveringIndex,\n navigateOptions,\n selectHoverOption,\n hoverOption,\n})\n</script>\n"],"names":["useNamespace","useLocale","ref","computed","nextTick","scrollIntoView","watch"],"mappings":";;;;;;;;;;;;;;uCAkDc,CAAA;AAAA,EACZ,IAAM,EAAA,mBAAA;AACR,CAAA,CAAA,CAAA;;;;;;;AAKA,IAAM,MAAA,EAAA,GAAKA,mBAAa,SAAS,CAAA,CAAA;AACjC,IAAM,MAAA,EAAE,CAAE,EAAA,GAAIC,iBAAU,EAAA,CAAA;AACxB,IAAM,MAAA,aAAA,GAAgBC,QAAI,CAAE,CAAA,CAAA,CAAA;AAE5B,IAAA,MAAM,eAAeA,OAAsC,EAAA,CAAA;AAC3D,IAAA,MAAM,aAAaA,OAAmB,EAAA,CAAA;AACtC,IAAA,MAAM,cAAcA,OAAiB,EAAA,CAAA;AAErC,IAAM,MAAA,SAAA,GAAY,CAAC,IAAA,EAAqB,KAAkB,KAAA;AAAA,MACxD,EAAA,CAAG,EAAG,CAAA,UAAA,EAAY,MAAM,CAAA;AAAA,MACxB,EAAG,CAAA,EAAA,CAAG,UAAY,EAAA,aAAA,CAAc,UAAU,KAAK,CAAA;AAAA,MAC/C,GAAG,EAAG,CAAA,UAAA,EAAY,IAAK,CAAA,QAAA,IAAY,MAAM,QAAQ,CAAA;AAAA,KACnD,CAAA;AAEA,IAAM,MAAA,YAAA,GAAe,CAAC,IAAwB,KAAA;AAC5C,MAAI,IAAA,IAAA,CAAK,QAAY,IAAA,KAAA,CAAM,QAAU;AACrC,QAAA;AAAmB,MACrB,IAAA,CAAA,QAAA,EAAA,IAAA,CAAA,CAAA;AAEA,KAAM,CAAA;AACJ,IAAA,MAAA,gBAAsB,GAAA,CAAA,KAAA,KAAA;AAAA,MACxB,aAAA,CAAA,KAAA,GAAA,KAAA,CAAA;AAEA,KAAA,CAAA;AAA4B,IAC1B,MAAA,mBAAwB,GAAAC,mBAAoB,KAAU,CAAA,QAAA,IAAK,KAAQ,CAAA,OAAA,CAAA,KAAA,CAAA,CAAA,IAAA,KAAA,IAAA,CAAA,QAAA,CAAA,CAAA,CAAA;AAAA,IACrE,MAAA,WAAA,GAAAA,YAAA,CAAA,MAAA,KAAA,CAAA,OAAA,CAAA,aAAA,CAAA,KAAA,CAAA,CAAA,CAAA;AAEA,IAAA,MAAM,iBAAuB,GAAA,MAAA;AAE7B,MAAA,IAAM;AACJ,QAAI;AACJ,MAAK,IAAA,CAAA,QAAA,EAAU,YAAY,KAAK,CAAA,CAAA;AAAA,KAClC,CAAA;AAEA,IAAM,MAAA,eAAA,GAAkB,CAAC,SAA+B,KAAA;AACtD,MAAM,MAAA,EAAE,SAAY,GAAA,KAAA,CAAA;AACpB,MAAA,IAAI,OAAQ,CAAA,MAAA,KAAW,CAAK,IAAA,mBAAA,CAAoB,KAAO;AAEvD,QAAA;AACE,MAAc,IAAA,SAAA,KAAA,MAAA,EAAA;AACd,QAAI,aAAA,CAAA,KAAwB,EAAA,CAAA;AAC1B,QAAA,IAAA,aAAsB,CAAA,KAAA,KAAA,OAAA,CAAA,MAAA,EAAA;AAAA,UACxB,aAAA,CAAA,KAAA,GAAA,CAAA,CAAA;AAAA,SACF;AACE,OAAc,MAAA,IAAA,SAAA,KAAA,MAAA,EAAA;AACd,QAAI,aAAA,CAAA;AACF,QAAc,IAAA,aAAA,CAAA,KAAA;AAAyB,UACzC,aAAA,CAAA,KAAA,GAAA,OAAA,CAAA,MAAA,GAAA,CAAA,CAAA;AAAA,SACF;AACA,OAAM;AACN,MAAA,YAAqB,GAAA,OAAA,CAAA,aAAA,CAAA,KAAA,CAAA,CAAA;AACnB,MAAA,IAAA,MAAA,CAAA,QAAyB,EAAA;AACzB,QAAA,eAAA,CAAA,SAAA,CAAA,CAAA;AAAA,QACF,OAAA;AACA,OAAS;AAA4B,MACvCC,YAAA,CAAA,MAAA,cAAA,CAAA,MAAA,CAAA,CAAA,CAAA;AAEA,KAAM,CAAA;AACJ,IAAM,MAAA,cAAc,GAAA,CAAA,MAAA,KAAA;AAEpB,MAAM,IAAA,EAAA,EAAA,EAAA,EAAA,EAAQ;AACd,MAAM,MAAA,EAAA,OAAS,EAAW,GAAA,KAAA,CAAA;AAE1B,MAAA,MAAY,KAAA,GAAA,OAAA,CAAA,SAAA,CAAA,CAAA,IAAA,KAAA,IAAA,CAAA,KAAA,KAAA,MAAA,CAAA,KAAA,CAAA,CAAA;AACV,MAAM,MAAA,MAAA,GAAO,gBAAmB,CAAA,KAAA,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,KAAA,CAAA,CAAA;AAAA,MAAA,IAC9B,MAAI,EAAM;AAAmB,QAC/B,MAAA,IAAA,GAAA,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,WAAA,CAAA,KAAA,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,aAAA,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,IAAA,CAAA,EAAA,EAAA,CAAA,CAAA,EAAA,EAAA,CAAA,EAAA,CAAA,UAAA,EAAA,MAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACA,QAAA,IAAI,IAAM,EAAA;AACR,UAAAC,qBAAA,CAAe,MAAqB,MAAM,CAAA,CAAA;AAAA,SAC5C;AAAA,OACF;AACA,MAAA,CAAA,EAAA,GAAA,kBAAiC,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,YAAA,EAAA,CAAA;AAAA,KACnC,CAAA;AAEA,IAAA,MAAM,qBAAqB,MAAM;AAC/B,MAAA,IAAI,mBAAoB,CAAA,KAAA,IAAS,KAAM,CAAA,OAAA,CAAQ,WAAW,CAAG,EAAA;AAC3D,QAAA,aAAA,CAAc,KAAQ,GAAA,CAAA,CAAA,CAAA;AAAA,OACjB,MAAA;AACL,QAAA,aAAA,CAAc,KAAQ,GAAA,CAAA,CAAA;AAAA,OACxB;AAAA,KACF,CAAA;AAEA,IAAMC,SAAA,CAAA,MAAM,KAAM,CAAA,OAAA,EAAS,kBAAoB,EAAA;AAAA,MAC7C,SAAW,EAAA,IAAA;AAAA,KACZ,CAAA,CAAA;AAED,IAAa,MAAA,CAAA;AAAA,MACX,aAAA;AAAA,MACA,eAAA;AAAA,MACA,iBAAA;AAAA,MACA,WAAA;AAAA,KACD,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
@@ -12,7 +12,7 @@ require('../../form/index.js');
|
|
12
12
|
require('../../../utils/index.js');
|
13
13
|
var mention = require('./mention.js');
|
14
14
|
var helper = require('./helper.js');
|
15
|
-
var mentionDropdown = require('./mention-
|
15
|
+
var mentionDropdown = require('./mention-dropdown2.js');
|
16
16
|
var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
|
17
17
|
var input = require('../../input/src/input.js');
|
18
18
|
var index = require('../../../hooks/use-namespace/index.js');
|
@@ -4,10 +4,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
5
5
|
require('../../utils/index.js');
|
6
6
|
var menu = require('./src/menu.js');
|
7
|
-
var menuItem$1 = require('./src/menu-
|
7
|
+
var menuItem$1 = require('./src/menu-item2.js');
|
8
8
|
var menuItemGroup$1 = require('./src/menu-item-group2.js');
|
9
9
|
var subMenu = require('./src/sub-menu.js');
|
10
|
-
var menuItem = require('./src/menu-
|
10
|
+
var menuItem = require('./src/menu-item.js');
|
11
11
|
var menuItemGroup = require('./src/menu-item-group.js');
|
12
12
|
require('./src/types.js');
|
13
13
|
require('./src/instance.js');
|