@pungfe/element 0.0.1-alpha.21 → 0.0.1-alpha.23
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/ButtonPopconfirm.cjs +1 -1
- package/dist/cjs/DatePicker-Bs1ylK57.cjs +2 -0
- package/dist/cjs/DatePicker-Bs1ylK57.cjs.map +1 -0
- package/dist/cjs/DatePicker.cjs +1 -1
- package/dist/cjs/Dialog-CSSTtlWY.cjs +2 -0
- package/dist/cjs/Dialog-CSSTtlWY.cjs.map +1 -0
- package/dist/cjs/Dialog.cjs +1 -1
- package/dist/cjs/{FormItem-Dr0G-5Q4.cjs → FormItem-DT2H_f3C.cjs} +2 -2
- package/dist/cjs/FormItem-DT2H_f3C.cjs.map +1 -0
- package/dist/cjs/FormItem.cjs +1 -1
- package/dist/cjs/Input-DuZALrON.cjs.map +1 -1
- package/dist/cjs/Select-DbiBYKYx.cjs +2 -0
- package/dist/cjs/Select-DbiBYKYx.cjs.map +1 -0
- package/dist/cjs/Select.cjs +1 -1
- package/dist/cjs/Upload-DxAM_SRp.cjs +2 -0
- package/dist/cjs/Upload-DxAM_SRp.cjs.map +1 -0
- package/dist/cjs/Upload.cjs +1 -1
- package/dist/cjs/{components-Xete52W-.cjs → components-H3u1l6SK.cjs} +2 -2
- package/dist/cjs/{components-Xete52W-.cjs.map → components-H3u1l6SK.cjs.map} +1 -1
- package/dist/cjs/index.cjs +1 -1
- package/dist/es/ButtonPopconfirm.js +6 -6
- package/dist/es/DatePicker-DEQxQ4xR.js +70 -0
- package/dist/es/DatePicker-DEQxQ4xR.js.map +1 -0
- package/dist/es/DatePicker.js +1 -1
- package/dist/es/{Dialog-BahbAebJ.js → Dialog-BKSJCB-R.js} +13 -4
- package/dist/es/Dialog-BKSJCB-R.js.map +1 -0
- package/dist/es/Dialog.js +1 -1
- package/dist/es/FormItem-DFIl76qa.js +41 -0
- package/dist/es/FormItem-DFIl76qa.js.map +1 -0
- package/dist/es/FormItem.js +1 -1
- package/dist/es/Input-JT0g3gkf.js.map +1 -1
- package/dist/es/{Select-BKdDBeJC.js → Select-DNpw-ydO.js} +4 -2
- package/dist/es/Select-DNpw-ydO.js.map +1 -0
- package/dist/es/Select.js +1 -1
- package/dist/es/Upload-BPg4xGOl.js +61 -0
- package/dist/es/Upload-BPg4xGOl.js.map +1 -0
- package/dist/es/Upload.js +1 -1
- package/dist/es/{components-DKoUIsFy.js → components-CTV9E5y1.js} +6 -6
- package/dist/es/{components-DKoUIsFy.js.map → components-CTV9E5y1.js.map} +1 -1
- package/dist/es/index.js +6 -6
- package/dist/types/components/Select.vue.d.ts +1 -0
- package/dist/types/components/Upload.vue.d.ts +5 -2
- package/package.json +5 -5
- package/dist/cjs/DatePicker-DvW11A5y.cjs +0 -2
- package/dist/cjs/DatePicker-DvW11A5y.cjs.map +0 -1
- package/dist/cjs/Dialog-C3uo50Lk.cjs +0 -2
- package/dist/cjs/Dialog-C3uo50Lk.cjs.map +0 -1
- package/dist/cjs/FormItem-Dr0G-5Q4.cjs.map +0 -1
- package/dist/cjs/Select-C-b-Biw3.cjs +0 -2
- package/dist/cjs/Select-C-b-Biw3.cjs.map +0 -1
- package/dist/cjs/Upload-CXRSAOCS.cjs +0 -2
- package/dist/cjs/Upload-CXRSAOCS.cjs.map +0 -1
- package/dist/es/DatePicker-BDjnMA3B.js +0 -69
- package/dist/es/DatePicker-BDjnMA3B.js.map +0 -1
- package/dist/es/Dialog-BahbAebJ.js.map +0 -1
- package/dist/es/FormItem--C1bP0wY.js +0 -37
- package/dist/es/FormItem--C1bP0wY.js.map +0 -1
- package/dist/es/Select-BKdDBeJC.js.map +0 -1
- package/dist/es/Upload-DCnEcRkL.js +0 -52
- package/dist/es/Upload-DCnEcRkL.js.map +0 -1
- package/dist/types/src/components/Button.vue.d.ts +0 -31
- package/dist/types/src/components/ButtonPopconfirm.vue.d.ts +0 -27
- package/dist/types/src/components/ConfigProvider.vue.d.ts +0 -21
- package/dist/types/src/components/DatePicker.vue.d.ts +0 -34
- package/dist/types/src/components/Dialog.vue.d.ts +0 -44
- package/dist/types/src/components/Form.vue.d.ts +0 -36
- package/dist/types/src/components/FormItem.vue.d.ts +0 -33
- package/dist/types/src/components/Input.vue.d.ts +0 -44
- package/dist/types/src/components/InputNumber.vue.d.ts +0 -48
- package/dist/types/src/components/Pagination.vue.d.ts +0 -40
- package/dist/types/src/components/Select.vue.d.ts +0 -45
- package/dist/types/src/components/TabPane.vue.d.ts +0 -32
- package/dist/types/src/components/Table.vue.d.ts +0 -89
- package/dist/types/src/components/Tabs.vue.d.ts +0 -26
- package/dist/types/src/components/Upload.vue.d.ts +0 -27
- package/dist/types/src/components/index.d.ts +0 -15
- package/dist/types/src/constants/index.d.ts +0 -15
- package/dist/types/src/index.d.ts +0 -2
- package/dist/types/src/locales/en.d.ts +0 -2
- package/dist/types/src/locales/index.d.ts +0 -2
- package/dist/types/src/locales/zh-cn.d.ts +0 -2
- package/dist/types/src/resolver.d.ts +0 -3
- package/dist/types/test/table.test.d.ts +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require(`./components-
|
|
1
|
+
Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require(`./components-H3u1l6SK.cjs`);require(`./Button-Dkqk8lXH.cjs`),require(`./en-B0d-nlXX.cjs`),require(`./zh-cn-DsaoBOfv.cjs`),require(`./ConfigProvider-lII820wO.cjs`),require(`./DatePicker-Bs1ylK57.cjs`),require(`./Dialog-CSSTtlWY.cjs`),require(`./Form-269B6UNo.cjs`),require(`./FormItem-DT2H_f3C.cjs`),require(`./Input-DuZALrON.cjs`),require(`./InputNumber-DPd4h9mJ.cjs`),require(`./Pagination-C6JSioze.cjs`),require(`./Select-DbiBYKYx.cjs`),require(`./Table-DpQglHP2.cjs`),require(`./TabPane-6xH7oG0B.cjs`),require(`./Tabs-BjfrK6HM.cjs`),require(`./Upload-DxAM_SRp.cjs`),exports.default=e.n;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
const e=require(`./constants-C1UtNKNR.cjs`);let t=require(`vue`),n=require(`element-plus`);var r=(0,t.defineComponent)({__name:`DatePicker`,props:(0,t.mergeModels)({disabled:{type:Boolean,default:()=>void 0},disabledDate:{},endPlaceholder:{},placeholder:{},shortcuts:{},startPlaceholder:{},type:{default:`date`},valueFormat:{}},{modelValue:{},modelModifiers:{},start:{},startModifiers:{},end:{},endModifiers:{}}),emits:(0,t.mergeModels)([`blur`,`focus`],[`update:modelValue`,`update:start`,`update:end`]),setup(r){let i=(0,t.useAttrs)(),a=(0,t.useModel)(r,`modelValue`),o=(0,t.useModel)(r,`start`),s=(0,t.useModel)(r,`end`),c=(0,t.inject)(e.c),{t:l}=(0,n.useLocale)(c),u=(0,t.computed)({get(){return r.type.includes(`range`)&&o.value&&s.value?[o.value,s.value]:r.type.includes(`range`)?null:a.value},set(e){r.type.includes(`range`)&&Array.isArray(e)?(o.value=e?.[0],s.value=e?.[1]):a.value=e}}),d=(0,t.inject)(e.o,void 0);if(d?.required){let{label:e,validator:t}=d;d.validator=()=>r.type.includes(`range`)&&(!o.value||!s.value)?`请选择${e}`:a.value?t?.():`请选择${e}`}return(e,a)=>((0,t.openBlock)(),(0,t.createBlock)((0,t.unref)(n.ElConfigProvider),{locale:(0,t.unref)(c)},{default:(0,t.withCtx)(()=>[(0,t.createVNode)((0,t.unref)(n.ElDatePicker),(0,t.mergeProps)({disabled:r.disabled,disabledDate:r.disabledDate,type:r.type,valueFormat:r.valueFormat,placeholder:r.placeholder??(0,t.unref)(l)(`el.datepicker.placeholder`),startPlaceholder:r.placeholder??(0,t.unref)(l)(`el.datepicker.startPlaceholder`),endPlaceholder:r.placeholder??(0,t.unref)(l)(`el.datepicker.endPlaceholder`),shortcuts:r.shortcuts,...(0,t.unref)(i)},{modelValue:u.value,"onUpdate:modelValue":a[0]||=e=>u.value=e,onBlur:a[1]||=t=>e.$emit(`blur`,t),onFocus:a[2]||=t=>e.$emit(`focus`,t)}),null,16,[`modelValue`])]),_:1},8,[`locale`]))}});Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return r}});
|
|
2
|
+
//# sourceMappingURL=DatePicker-Bs1ylK57.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DatePicker-Bs1ylK57.cjs","names":["$emit"],"sources":["../../src/components/DatePicker.vue","../../src/components/DatePicker.vue"],"sourcesContent":["<script setup lang=\"tsx\" generic=\"V extends string\">\r\nimport type { DatePickerProps } from 'element-plus'\r\nimport { ElConfigProvider, ElDatePicker, useLocale } from 'element-plus'\r\nimport { computed, inject, useAttrs } from 'vue'\r\n\r\nimport { X_FORM_ITEM_VALIDATION, X_LOCALE_CONFIG } from '../constants'\r\n\r\nexport interface XDatePickerProps {\r\n disabled?: boolean\r\n disabledDate?: DatePickerProps['disabledDate']\r\n endPlaceholder?: DatePickerProps['endPlaceholder']\r\n placeholder?: DatePickerProps['placeholder']\r\n shortcuts?: DatePickerProps['shortcuts']\r\n startPlaceholder?: DatePickerProps['startPlaceholder']\r\n type?: DatePickerProps['type']\r\n valueFormat?: DatePickerProps['valueFormat']\r\n}\r\n\r\nconst { type = 'date', disabled = undefined } = defineProps<XDatePickerProps>()\r\n\r\ndefineEmits<{\r\n blur: [e: FocusEvent]\r\n focus: [e: FocusEvent]\r\n}>()\r\n\r\nconst attrs = useAttrs()\r\nconst model = defineModel<V>()\r\nconst start = defineModel<V>('start')\r\nconst end = defineModel<V>('end')\r\n\r\nconst locale = inject(X_LOCALE_CONFIG)\r\nconst { t } = useLocale(locale)\r\n\r\nconst modelValue = computed({\r\n get() {\r\n if (type.includes('range') && start.value && end.value) {\r\n return [start.value, end.value]\r\n }\r\n else if (!type.includes('range')) {\r\n return model.value\r\n }\r\n return null\r\n },\r\n set(value) {\r\n if (type.includes('range') && Array.isArray(value)) {\r\n start.value = value?.[0] as V\r\n end.value = value?.[1] as V\r\n }\r\n else {\r\n model.value = value as V\r\n }\r\n }\r\n})\r\n\r\nconst formItemValidation = inject(X_FORM_ITEM_VALIDATION, undefined)\r\nif (formItemValidation?.required) {\r\n const { label, validator } = formItemValidation\r\n formItemValidation.validator = () => {\r\n if (type.includes('range') && (!start.value || !end.value)) {\r\n return `请选择${label}`\r\n }\r\n else if (!model.value) {\r\n return `请选择${label}`\r\n }\r\n return validator?.()\r\n }\r\n}\r\n</script>\r\n\r\n<template>\r\n <ElConfigProvider :locale=\"locale\">\r\n <ElDatePicker\r\n v-bind=\"{\r\n disabled,\r\n disabledDate,\r\n type,\r\n valueFormat,\r\n placeholder: placeholder ?? t('el.datepicker.placeholder'),\r\n startPlaceholder: placeholder ?? t('el.datepicker.startPlaceholder'),\r\n endPlaceholder: placeholder ?? t('el.datepicker.endPlaceholder'),\r\n shortcuts,\r\n ...attrs,\r\n }\"\r\n v-model=\"modelValue\"\r\n @blur=\"$emit('blur', $event)\"\r\n @focus=\"$emit('focus', $event)\"\r\n />\r\n </ElConfigProvider>\r\n</template>\r\n","<script setup lang=\"tsx\" generic=\"V extends string\">\r\nimport type { DatePickerProps } from 'element-plus'\r\nimport { ElConfigProvider, ElDatePicker, useLocale } from 'element-plus'\r\nimport { computed, inject, useAttrs } from 'vue'\r\n\r\nimport { X_FORM_ITEM_VALIDATION, X_LOCALE_CONFIG } from '../constants'\r\n\r\nexport interface XDatePickerProps {\r\n disabled?: boolean\r\n disabledDate?: DatePickerProps['disabledDate']\r\n endPlaceholder?: DatePickerProps['endPlaceholder']\r\n placeholder?: DatePickerProps['placeholder']\r\n shortcuts?: DatePickerProps['shortcuts']\r\n startPlaceholder?: DatePickerProps['startPlaceholder']\r\n type?: DatePickerProps['type']\r\n valueFormat?: DatePickerProps['valueFormat']\r\n}\r\n\r\nconst { type = 'date', disabled = undefined } = defineProps<XDatePickerProps>()\r\n\r\ndefineEmits<{\r\n blur: [e: FocusEvent]\r\n focus: [e: FocusEvent]\r\n}>()\r\n\r\nconst attrs = useAttrs()\r\nconst model = defineModel<V>()\r\nconst start = defineModel<V>('start')\r\nconst end = defineModel<V>('end')\r\n\r\nconst locale = inject(X_LOCALE_CONFIG)\r\nconst { t } = useLocale(locale)\r\n\r\nconst modelValue = computed({\r\n get() {\r\n if (type.includes('range') && start.value && end.value) {\r\n return [start.value, end.value]\r\n }\r\n else if (!type.includes('range')) {\r\n return model.value\r\n }\r\n return null\r\n },\r\n set(value) {\r\n if (type.includes('range') && Array.isArray(value)) {\r\n start.value = value?.[0] as V\r\n end.value = value?.[1] as V\r\n }\r\n else {\r\n model.value = value as V\r\n }\r\n }\r\n})\r\n\r\nconst formItemValidation = inject(X_FORM_ITEM_VALIDATION, undefined)\r\nif (formItemValidation?.required) {\r\n const { label, validator } = formItemValidation\r\n formItemValidation.validator = () => {\r\n if (type.includes('range') && (!start.value || !end.value)) {\r\n return `请选择${label}`\r\n }\r\n else if (!model.value) {\r\n return `请选择${label}`\r\n }\r\n return validator?.()\r\n }\r\n}\r\n</script>\r\n\r\n<template>\r\n <ElConfigProvider :locale=\"locale\">\r\n <ElDatePicker\r\n v-bind=\"{\r\n disabled,\r\n disabledDate,\r\n type,\r\n valueFormat,\r\n placeholder: placeholder ?? t('el.datepicker.placeholder'),\r\n startPlaceholder: placeholder ?? t('el.datepicker.startPlaceholder'),\r\n endPlaceholder: placeholder ?? t('el.datepicker.endPlaceholder'),\r\n shortcuts,\r\n ...attrs,\r\n }\"\r\n v-model=\"modelValue\"\r\n @blur=\"$emit('blur', $event)\"\r\n @focus=\"$emit('focus', $event)\"\r\n />\r\n </ElConfigProvider>\r\n</template>\r\n"],"mappings":"kgBCyBA,IAAM,GAAA,EAAA,EAAA,WAAkB,CAClB,GAAA,EAAA,EAAA,UAAsB,EAAA,aAAE,CACxB,GAAA,EAAA,EAAA,UAAsB,EAAC,QAAQ,CAC/B,GAAA,EAAA,EAAA,UAAoB,EAAC,MAAM,CAE3B,GAAA,EAAA,EAAA,QAAgB,EAAA,EAAgB,CAChC,CAAE,MAAA,EAAA,EAAA,WAAgB,EAAO,CAEzB,GAAA,EAAA,EAAA,UAAsB,CAC1B,KAAM,CAOJ,OANI,EAAA,KAAK,SAAS,QAAQ,EAAI,EAAM,OAAS,EAAI,MACxC,CAAC,EAAM,MAAO,EAAI,MAAM,CAEvB,EAAA,KAAK,SAAS,QAAQ,CAGzB,KAFE,EAAM,OAIjB,IAAI,EAAO,CACL,EAAA,KAAK,SAAS,QAAQ,EAAI,MAAM,QAAQ,EAAM,EAChD,EAAM,MAAQ,IAAQ,GACtB,EAAI,MAAQ,IAAQ,IAGpB,EAAM,MAAQ,GAGnB,CAAC,CAEI,GAAA,EAAA,EAAA,QAA4B,EAAA,EAAwB,IAAA,GAAU,CACpE,GAAI,GAAoB,SAAU,CAChC,GAAM,CAAE,QAAO,aAAc,EAC7B,EAAmB,cACb,EAAA,KAAK,SAAS,QAAQ,GAAK,CAAC,EAAM,OAAS,CAAC,EAAI,OAC3C,MAAM,IAEL,EAAM,MAGT,KAAa,CAFX,MAAM,kEAyBE,EAAA,iBAAA,CAAA,CAjBA,QAAA,EAAA,EAAA,OAAQ,EAAA,CAAM,CAAA,2BAgB7B,EAAA,EAAA,EAAA,cAAA,EAAA,EAAA,OAAA,EAAA,aAAA,EAAA,EAAA,EAAA,YAAA,UAdmB,EAAA,sBAAmB,EAAA,kBAAuB,EAAA,iBAAe,EAAA,wBAAmC,EAAA,cAAA,EAAA,EAAA,OAAe,EAAC,CAAA,4BAAA,kBAA0D,EAAA,cAAA,EAAA,EAAA,OAAe,EAAC,CAAA,iCAAA,gBAA6D,EAAA,cAAA,EAAA,EAAA,OAAe,EAAC,CAAA,+BAAA,WAA2C,EAAA,yBAAuB,EAAA,cAW/U,EAAA,sCAAA,EAAU,MAAA,EAClB,OAAI,AAAA,EAAA,KAAA,GAAEA,EAAAA,MAAK,OAAS,EAAM,CAC1B,QAAK,AAAA,EAAA,KAAA,GAAEA,EAAAA,MAAK,QAAU,EAAM"}
|
package/dist/cjs/DatePicker.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require(`./DatePicker-
|
|
1
|
+
Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require(`./DatePicker-Bs1ylK57.cjs`);exports.default=e.t;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
let e=require(`vue`),t=require(`element-plus`);var n=(0,e.defineComponent)({__name:`Dialog`,props:(0,e.mergeModels)({bodyClass:{},width:{},showClose:{type:Boolean,default:()=>void 0},title:{},center:{type:Boolean},alignCenter:{type:Boolean},draggable:{type:Boolean},closeOnClickModal:{type:Boolean,default:()=>void 0},closeOnPressEscape:{type:Boolean,default:()=>void 0}},{modelValue:{type:Boolean},modelModifiers:{}}),emits:[`update:modelValue`],setup(n){let r=(0,e.useModel)(n,`modelValue`);return(i,a)=>((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(t.ElDialog),(0,e.mergeProps)({modelValue:r.value,"onUpdate:modelValue":a[0]||=e=>r.value=e},{bodyClass:n.bodyClass,width:n.width,showClose:n.showClose,title:n.title,center:n.center,alignCenter:n.alignCenter,draggable:n.draggable,closeOnClickModal:n.closeOnClickModal,closeOnPressEscape:n.closeOnPressEscape}),(0,e.createSlots)({default:(0,e.withCtx)(()=>[(0,e.renderSlot)(i.$slots,`default`)]),_:2},[`header`in i.$slots?{name:`header`,fn:(0,e.withCtx)(()=>[(0,e.renderSlot)(i.$slots,`header`)]),key:`0`}:void 0,`footer`in i.$slots?{name:`footer`,fn:(0,e.withCtx)(()=>[(0,e.renderSlot)(i.$slots,`footer`)]),key:`1`}:void 0]),1040,[`modelValue`]))}});Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return n}});
|
|
2
|
+
//# sourceMappingURL=Dialog-CSSTtlWY.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Dialog-CSSTtlWY.cjs","names":["$slots"],"sources":["../../src/components/Dialog.vue","../../src/components/Dialog.vue"],"sourcesContent":["<script setup lang=\"tsx\">\r\nimport type { DialogProps } from 'element-plus'\r\n\r\nimport type { VNodeChild } from 'vue'\r\nimport { ElDialog } from 'element-plus'\r\n\r\nexport interface XDialogProps {\r\n bodyClass?: DialogProps['bodyClass']\r\n width?: DialogProps['width']\r\n showClose?: DialogProps['showClose']\r\n title?: DialogProps['title']\r\n center?: DialogProps['center']\r\n alignCenter?: DialogProps['alignCenter']\r\n draggable?: DialogProps['draggable']\r\n closeOnClickModal?: DialogProps['closeOnClickModal']\r\n closeOnPressEscape?: DialogProps['closeOnPressEscape']\r\n}\r\n\r\nconst {\r\n showClose = undefined,\r\n closeOnClickModal = undefined,\r\n closeOnPressEscape = undefined\r\n} = defineProps<XDialogProps>()\r\ndefineSlots<{\r\n default?: () => VNodeChild\r\n header?: () => VNodeChild\r\n footer?: () => VNodeChild\r\n}>()\r\nconst visible = defineModel<boolean>()\r\n</script>\r\n\r\n<template>\r\n <ElDialog\r\n v-model=\"visible\"\r\n v-bind=\"{\r\n bodyClass,\r\n width,\r\n showClose,\r\n title,\r\n center,\r\n alignCenter,\r\n draggable,\r\n closeOnClickModal,\r\n closeOnPressEscape,\r\n }\"\r\n >\r\n <template v-if=\"'header' in $slots\" #header>\r\n <slot name=\"header\"></slot>\r\n </template>\r\n <slot></slot>\r\n <template v-if=\"'footer' in $slots\" #footer>\r\n <slot name=\"footer\"></slot>\r\n </template>\r\n </ElDialog>\r\n</template>\r\n","<script setup lang=\"tsx\">\r\nimport type { DialogProps } from 'element-plus'\r\n\r\nimport type { VNodeChild } from 'vue'\r\nimport { ElDialog } from 'element-plus'\r\n\r\nexport interface XDialogProps {\r\n bodyClass?: DialogProps['bodyClass']\r\n width?: DialogProps['width']\r\n showClose?: DialogProps['showClose']\r\n title?: DialogProps['title']\r\n center?: DialogProps['center']\r\n alignCenter?: DialogProps['alignCenter']\r\n draggable?: DialogProps['draggable']\r\n closeOnClickModal?: DialogProps['closeOnClickModal']\r\n closeOnPressEscape?: DialogProps['closeOnPressEscape']\r\n}\r\n\r\nconst {\r\n showClose = undefined,\r\n closeOnClickModal = undefined,\r\n closeOnPressEscape = undefined\r\n} = defineProps<XDialogProps>()\r\ndefineSlots<{\r\n default?: () => VNodeChild\r\n header?: () => VNodeChild\r\n footer?: () => VNodeChild\r\n}>()\r\nconst visible = defineModel<boolean>()\r\n</script>\r\n\r\n<template>\r\n <ElDialog\r\n v-model=\"visible\"\r\n v-bind=\"{\r\n bodyClass,\r\n width,\r\n showClose,\r\n title,\r\n center,\r\n alignCenter,\r\n draggable,\r\n closeOnClickModal,\r\n closeOnPressEscape,\r\n }\"\r\n >\r\n <template v-if=\"'header' in $slots\" #header>\r\n <slot name=\"header\"></slot>\r\n </template>\r\n <slot></slot>\r\n <template v-if=\"'footer' in $slots\" #footer>\r\n <slot name=\"footer\"></slot>\r\n </template>\r\n </ElDialog>\r\n</template>\r\n"],"mappings":"wcC4BA,IAAM,GAAA,EAAA,EAAA,UAA8B,EAAA,aAAE,+DAyBzB,EAAA,SAAA,EAAA,EAAA,EAAA,YAAA,YApBA,EAAA,sCAAA,EAAO,MAAA,cACC,EAAA,gBAAkB,EAAA,gBAAc,EAAA,gBAAkB,EAAA,aAAc,EAAA,mBAAe,EAAA,sBAAoB,EAAA,4BAAkB,EAAA,qCAA0B,EAAA,kEAenJ,EAAA,EAAA,EAAA,YAAA,EAAA,OAAA,UAAA,CAAA,CAAA,kBAHeA,EAAAA,OAAAA,MAAS,8BACR,EAAA,EAAA,EAAA,YAAA,EAAA,OAAA,SAAA,CAAA,CAAA,4BAGDA,EAAAA,OAAAA,MAAS,8BACR,EAAA,EAAA,EAAA,YAAA,EAAA,OAAA,SAAA,CAAA,CAAA"}
|
package/dist/cjs/Dialog.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require(`./Dialog-
|
|
1
|
+
Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require(`./Dialog-CSSTtlWY.cjs`);exports.default=e.t;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
const e=require(`./constants-C1UtNKNR.cjs`);let t=require(`vue`),n=require(`element-plus`);var r=(0,t.defineComponent)({__name:`FormItem`,props:{content:{type:Function},label:{},required:{type:Boolean},validator:{type:Function}},setup(r){let i=(0,t.inject)(e.s,void 0),a=(0,t.inject)(e.i,void 0),o=(0,t.inject)(e.a,void 0),s=(0,t.inject)(e.u,void 0),c=(0,t.inject)(e.l,void 0),l=(0,t.ref)(),u={clearValidate:()=>l.value=void 0,label:r.label,required:r.required,validator:r.validator,validate:()=>(l.value=u.validator?.()??void 0,l.value&&a&&o&&s&&c?.trigger(s),!l.value)};i?.push(u),(0,t.provide)(e.o,u);let d=()=>r.content?.();return(e,i)=>((0,t.openBlock)(),(0,t.createBlock)((0,t.unref)(n.ElFormItem),
|
|
2
|
-
//# sourceMappingURL=FormItem-
|
|
1
|
+
const e=require(`./constants-C1UtNKNR.cjs`);let t=require(`vue`),n=require(`element-plus`);var r=(0,t.defineComponent)({__name:`FormItem`,props:{content:{type:Function},label:{},required:{type:Boolean},validator:{type:Function}},setup(r){let i=(0,t.inject)(e.s,void 0),a=(0,t.inject)(e.i,void 0),o=(0,t.inject)(e.a,void 0),s=(0,t.inject)(e.u,void 0),c=(0,t.inject)(e.l,void 0),l=(0,t.ref)(),u={clearValidate:()=>l.value=void 0,label:r.label,required:r.required,validator:r.validator,validate:()=>(l.value=u.validator?.()??void 0,l.value&&a&&o&&s&&c?.trigger(s),!l.value)};i?.push(u),(0,t.provide)(e.o,u);let d=()=>r.content?.();return(e,i)=>((0,t.openBlock)(),(0,t.createBlock)((0,t.unref)(n.ElFormItem),{label:r.label,required:r.required,error:l.value},{default:(0,t.withCtx)(()=>[(0,t.createVNode)(d)]),_:1},8,[`label`,`required`,`error`]))}});Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return r}});
|
|
2
|
+
//# sourceMappingURL=FormItem-DT2H_f3C.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FormItem-DT2H_f3C.cjs","names":[],"sources":["../../src/components/FormItem.vue","../../src/components/FormItem.vue"],"sourcesContent":["<script setup lang=\"tsx\" generic=\"D extends object\">\r\nimport type { VNodeChild } from 'vue'\r\nimport { ElFormItem } from 'element-plus'\r\nimport { inject, provide, ref } from 'vue'\r\nimport { X_ELEMENT_IN_TAB_PANE, X_ELEMENT_IN_TABS, X_FORM_ITEM_VALIDATION, X_FORM_VALIDATIONS, X_TAB_PANE_NAME, X_TABS_MODEL_UPDATE_HOOK } from '../constants'\r\n\r\nexport interface XFormItemProps {\r\n content?: () => VNodeChild\r\n label?: string\r\n required?: boolean\r\n validator?: () => string | void\r\n}\r\n\r\nexport interface XFormItemValidation {\r\n clearValidate: () => void\r\n label?: string\r\n required?: boolean\r\n validate: () => boolean\r\n validator?: () => string | void\r\n}\r\n\r\nconst { content, label, required, validator } = defineProps<XFormItemProps>()\r\n\r\ndefineSlots<{\r\n default: () => VNodeChild\r\n label: () => VNodeChild\r\n}>()\r\n\r\nconst validations = inject(X_FORM_VALIDATIONS, undefined)\r\nconst inTabs = inject(X_ELEMENT_IN_TABS, undefined)\r\nconst inTabPane = inject(X_ELEMENT_IN_TAB_PANE, undefined)\r\nconst tabPaneName = inject(X_TAB_PANE_NAME, undefined)\r\nconst tabsUpdateModelHook = inject(X_TABS_MODEL_UPDATE_HOOK, undefined)\r\n\r\nconst error = ref<string | undefined>()\r\n\r\nconst validation: XFormItemValidation = {\r\n clearValidate: () => error.value = undefined,\r\n label,\r\n required,\r\n validator,\r\n validate: () => {\r\n error.value = validation.validator?.() ?? undefined\r\n\r\n if (error.value && inTabs && inTabPane && tabPaneName) {\r\n tabsUpdateModelHook?.trigger(tabPaneName)\r\n }\r\n\r\n return !error.value\r\n }\r\n}\r\nvalidations?.push(validation)\r\nprovide(X_FORM_ITEM_VALIDATION, validation)\r\n\r\nconst Content = () => content?.()\r\n</script>\r\n\r\n<template>\r\n <ElFormItem :label=\"label\" :required=\"required\" :error=\"error\">\r\n <Content />\r\n </ElFormItem>\r\n</template>\r\n","<script setup lang=\"tsx\" generic=\"D extends object\">\r\nimport type { VNodeChild } from 'vue'\r\nimport { ElFormItem } from 'element-plus'\r\nimport { inject, provide, ref } from 'vue'\r\nimport { X_ELEMENT_IN_TAB_PANE, X_ELEMENT_IN_TABS, X_FORM_ITEM_VALIDATION, X_FORM_VALIDATIONS, X_TAB_PANE_NAME, X_TABS_MODEL_UPDATE_HOOK } from '../constants'\r\n\r\nexport interface XFormItemProps {\r\n content?: () => VNodeChild\r\n label?: string\r\n required?: boolean\r\n validator?: () => string | void\r\n}\r\n\r\nexport interface XFormItemValidation {\r\n clearValidate: () => void\r\n label?: string\r\n required?: boolean\r\n validate: () => boolean\r\n validator?: () => string | void\r\n}\r\n\r\nconst { content, label, required, validator } = defineProps<XFormItemProps>()\r\n\r\ndefineSlots<{\r\n default: () => VNodeChild\r\n label: () => VNodeChild\r\n}>()\r\n\r\nconst validations = inject(X_FORM_VALIDATIONS, undefined)\r\nconst inTabs = inject(X_ELEMENT_IN_TABS, undefined)\r\nconst inTabPane = inject(X_ELEMENT_IN_TAB_PANE, undefined)\r\nconst tabPaneName = inject(X_TAB_PANE_NAME, undefined)\r\nconst tabsUpdateModelHook = inject(X_TABS_MODEL_UPDATE_HOOK, undefined)\r\n\r\nconst error = ref<string | undefined>()\r\n\r\nconst validation: XFormItemValidation = {\r\n clearValidate: () => error.value = undefined,\r\n label,\r\n required,\r\n validator,\r\n validate: () => {\r\n error.value = validation.validator?.() ?? undefined\r\n\r\n if (error.value && inTabs && inTabPane && tabPaneName) {\r\n tabsUpdateModelHook?.trigger(tabPaneName)\r\n }\r\n\r\n return !error.value\r\n }\r\n}\r\nvalidations?.push(validation)\r\nprovide(X_FORM_ITEM_VALIDATION, validation)\r\n\r\nconst Content = () => content?.()\r\n</script>\r\n\r\n<template>\r\n <ElFormItem :label=\"label\" :required=\"required\" :error=\"error\">\r\n <Content />\r\n </ElFormItem>\r\n</template>\r\n"],"mappings":"8OC4BA,IAAM,GAAA,EAAA,EAAA,QAAqB,EAAA,EAAoB,IAAA,GAAU,CACnD,GAAA,EAAA,EAAA,QAAgB,EAAA,EAAmB,IAAA,GAAU,CAC7C,GAAA,EAAA,EAAA,QAAmB,EAAA,EAAuB,IAAA,GAAU,CACpD,GAAA,EAAA,EAAA,QAAqB,EAAA,EAAiB,IAAA,GAAU,CAChD,GAAA,EAAA,EAAA,QAA6B,EAAA,EAA0B,IAAA,GAAU,CAEjE,GAAA,EAAA,EAAA,MAAiC,CAEjC,EAAkC,CACtC,kBAAqB,EAAM,MAAQ,IAAA,GACnC,MAAI,EAAA,MACJ,SAAO,EAAA,SACP,UAAQ,EAAA,UACR,cACE,EAAM,MAAQ,EAAW,aAAa,EAAI,IAAA,GAEtC,EAAM,OAAS,GAAU,GAAa,GACxC,GAAqB,QAAQ,EAAY,CAGpC,CAAC,EAAM,OAEjB,CACD,GAAa,KAAK,EAAW,EAC7B,EAAA,EAAA,SAAQ,EAAA,EAAwB,EAAW,CAE3C,IAAM,MAAgB,EAAA,WAAW,+DAMlB,EAAA,WAAA,CAAA,CAFA,MAAO,EAAA,MAAQ,SAAU,EAAA,SAAW,MAAO,EAAA,kCAC3C,EAAA,EAAA,EAAA,aAAA,EAAA,CAAA,CAAA"}
|
package/dist/cjs/FormItem.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require(`./FormItem-
|
|
1
|
+
Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require(`./FormItem-DT2H_f3C.cjs`);exports.default=e.t;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input-DuZALrON.cjs","names":["$slots"],"sources":["../../src/components/Input.vue","../../src/components/Input.vue"],"sourcesContent":["<script setup lang=\"tsx\" generic=\"MV extends string | number\">\r\nimport type { InputProps } from 'element-plus'\r\nimport type { VNode } from 'vue'\r\nimport { ElInput, useLocale } from 'element-plus'\r\nimport { inject } from 'vue'\r\n\r\nimport { X_FORM_ITEM_VALIDATION, X_LOCALE_CONFIG } from '../constants'\r\n\r\nexport interface XInputProps {\r\n clearable?: InputProps['clearable']\r\n disabled?: InputProps['disabled']\r\n size?: InputProps['size']\r\n type?: InputProps['type']\r\n showPassword?: InputProps['showPassword']\r\n autocomplete?: InputProps['autocomplete']\r\n autosize?: InputProps['autosize']\r\n placeholder?: InputProps['placeholder']\r\n prefixIcon?: InputProps['prefixIcon']\r\n suffixIcon?: InputProps['suffixIcon']\r\n}\r\n\r\nconst { disabled = undefined } = defineProps<XInputProps>()\r\nconst emit = defineEmits<{\r\n blur: [e: FocusEvent]\r\n focus: [e: FocusEvent]\r\n change: [e: MV]\r\n}>()\r\ndefineSlots<{\r\n append: () => VNode\r\n prefix: () => VNode\r\n prepend: () => VNode\r\n suffix: () => VNode\r\n}>()\r\nconst model = defineModel<MV>()\r\n\r\n// const inTable = inject(X_ELEMENT_IN_TABLE, false)\r\n// const inTableColumn = inject(X_ELEMENT_IN_TABLE_COLUMN, false)\r\n\r\nconst locale = inject(X_LOCALE_CONFIG)\r\nconst { t } = useLocale(locale)\r\n\r\nconst formItemValidation = inject(X_FORM_ITEM_VALIDATION, undefined)\r\nif (formItemValidation?.required) {\r\n const { label, validator } = formItemValidation\r\n formItemValidation.validator = () => {\r\n if (!model.value) {\r\n return `请输入${label}`\r\n }\r\n return validator?.()\r\n }\r\n}\r\n\r\nconst blur = (e: FocusEvent) => {\r\n formItemValidation?.validate?.()\r\n emit('blur', e)\r\n}\r\nconst focus = (e: FocusEvent) => {\r\n emit('focus', e)\r\n}\r\nconst change = (value: string) => {\r\n emit('change', value as MV)\r\n}\r\n</script>\r\n\r\n<template>\r\n <ElInput\r\n v-bind=\"{\r\n disabled,\r\n type,\r\n size,\r\n clearable,\r\n showPassword,\r\n autocomplete,\r\n autosize,\r\n placeholder: placeholder ?? t('el.input.placeholder'),\r\n }\"\r\n v-model=\"model\"\r\n @blur=\"blur\"\r\n @focus=\"focus\"\r\n @change=\"change\"\r\n >\r\n <template v-if=\"'append' in $slots\" #append>\r\n <slot name=\"append\" />\r\n </template>\r\n <template v-if=\"'prepend' in $slots\" #prepend>\r\n <slot name=\"prepend\" />\r\n </template>\r\n <template v-if=\"'prefix' in $slots\" #prefix>\r\n <slot name=\"prefix\" />\r\n </template>\r\n <template v-if=\"'suffix' in $slots\" #suffix>\r\n <slot name=\"suffix\" />\r\n </template>\r\n </ElInput>\r\n</template>\r\n","<script setup lang=\"tsx\" generic=\"MV extends string | number\">\r\nimport type { InputProps } from 'element-plus'\r\nimport type { VNode } from 'vue'\r\nimport { ElInput, useLocale } from 'element-plus'\r\nimport { inject } from 'vue'\r\n\r\nimport { X_FORM_ITEM_VALIDATION, X_LOCALE_CONFIG } from '../constants'\r\n\r\nexport interface XInputProps {\r\n clearable?: InputProps['clearable']\r\n disabled?: InputProps['disabled']\r\n size?: InputProps['size']\r\n type?: InputProps['type']\r\n showPassword?: InputProps['showPassword']\r\n autocomplete?: InputProps['autocomplete']\r\n autosize?: InputProps['autosize']\r\n placeholder?: InputProps['placeholder']\r\n prefixIcon?: InputProps['prefixIcon']\r\n suffixIcon?: InputProps['suffixIcon']\r\n}\r\n\r\nconst { disabled = undefined } = defineProps<XInputProps>()\r\nconst emit = defineEmits<{\r\n blur: [e: FocusEvent]\r\n focus: [e: FocusEvent]\r\n change: [e: MV]\r\n}>()\r\ndefineSlots<{\r\n append: () => VNode\r\n prefix: () => VNode\r\n prepend: () => VNode\r\n suffix: () => VNode\r\n}>()\r\nconst model = defineModel<MV>()\r\n\r\n// const inTable = inject(X_ELEMENT_IN_TABLE, false)\r\n// const inTableColumn = inject(X_ELEMENT_IN_TABLE_COLUMN, false)\r\n\r\nconst locale = inject(X_LOCALE_CONFIG)\r\nconst { t } = useLocale(locale)\r\n\r\nconst formItemValidation = inject(X_FORM_ITEM_VALIDATION, undefined)\r\nif (formItemValidation?.required) {\r\n const { label, validator } = formItemValidation\r\n formItemValidation.validator = () => {\r\n if (!model.value) {\r\n return `请输入${label}`\r\n }\r\n return validator?.()\r\n }\r\n}\r\n\r\nconst blur = (e: FocusEvent) => {\r\n formItemValidation?.validate?.()\r\n emit('blur', e)\r\n}\r\nconst focus = (e: FocusEvent) => {\r\n emit('focus', e)\r\n}\r\nconst change = (value: string) => {\r\n emit('change', value as MV)\r\n}\r\n</script>\r\n\r\n<template>\r\n <ElInput\r\n v-bind=\"{\r\n disabled,\r\n type,\r\n size,\r\n clearable,\r\n showPassword,\r\n autocomplete,\r\n autosize,\r\n placeholder: placeholder ?? t('el.input.placeholder'),\r\n }\"\r\n v-model=\"model\"\r\n @blur=\"blur\"\r\n @focus=\"focus\"\r\n @change=\"change\"\r\n >\r\n <template v-if=\"'append' in $slots\" #append>\r\n <slot name=\"append\" />\r\n </template>\r\n <template v-if=\"'prepend' in $slots\" #prepend>\r\n <slot name=\"prepend\" />\r\n </template>\r\n <template v-if=\"'prefix' in $slots\" #prefix>\r\n <slot name=\"prefix\" />\r\n </template>\r\n <template v-if=\"'suffix' in $slots\" #suffix>\r\n <slot name=\"suffix\" />\r\n </template>\r\n </ElInput>\r\n</template>\r\n"],"mappings":"2eCsBA,IAAM,EAAO,EAWP,GAAA,EAAA,EAAA,UAAuB,EAAA,aAAE,CAMzB,CAAE,MAAA,EAAA,EAAA,YAAA,EAAA,EAAA,QADc,EAAA,EAAgB,CACP,CAEzB,GAAA,EAAA,EAAA,QAA4B,EAAA,EAAwB,IAAA,GAAU,
|
|
1
|
+
{"version":3,"file":"Input-DuZALrON.cjs","names":["$slots"],"sources":["../../src/components/Input.vue","../../src/components/Input.vue"],"sourcesContent":["<script setup lang=\"tsx\" generic=\"MV extends string | number\">\r\nimport type { InputProps } from 'element-plus'\r\nimport type { VNode } from 'vue'\r\nimport { ElInput, useLocale } from 'element-plus'\r\nimport { inject } from 'vue'\r\n\r\nimport { X_FORM_ITEM_VALIDATION, X_LOCALE_CONFIG } from '../constants'\r\n\r\nexport interface XInputProps {\r\n clearable?: InputProps['clearable']\r\n disabled?: InputProps['disabled']\r\n size?: InputProps['size']\r\n type?: InputProps['type']\r\n showPassword?: InputProps['showPassword']\r\n autocomplete?: InputProps['autocomplete']\r\n autosize?: InputProps['autosize']\r\n placeholder?: InputProps['placeholder']\r\n prefixIcon?: InputProps['prefixIcon']\r\n suffixIcon?: InputProps['suffixIcon']\r\n}\r\n\r\nconst { disabled = undefined } = defineProps<XInputProps>()\r\nconst emit = defineEmits<{\r\n blur: [e: FocusEvent]\r\n focus: [e: FocusEvent]\r\n change: [e: MV]\r\n}>()\r\ndefineSlots<{\r\n append: () => VNode\r\n prefix: () => VNode\r\n prepend: () => VNode\r\n suffix: () => VNode\r\n}>()\r\nconst model = defineModel<MV>()\r\n\r\n// const inTable = inject(X_ELEMENT_IN_TABLE, false)\r\n// const inTableColumn = inject(X_ELEMENT_IN_TABLE_COLUMN, false)\r\n\r\nconst locale = inject(X_LOCALE_CONFIG)\r\nconst { t } = useLocale(locale)\r\n\r\nconst formItemValidation = inject(X_FORM_ITEM_VALIDATION, undefined)\r\n\r\nif (formItemValidation?.required) {\r\n const { label, validator } = formItemValidation\r\n formItemValidation.validator = () => {\r\n if (!model.value) {\r\n return `请输入${label}`\r\n }\r\n return validator?.()\r\n }\r\n}\r\n\r\nconst blur = (e: FocusEvent) => {\r\n formItemValidation?.validate?.()\r\n emit('blur', e)\r\n}\r\nconst focus = (e: FocusEvent) => {\r\n emit('focus', e)\r\n}\r\nconst change = (value: string) => {\r\n emit('change', value as MV)\r\n}\r\n</script>\r\n\r\n<template>\r\n <ElInput\r\n v-bind=\"{\r\n disabled,\r\n type,\r\n size,\r\n clearable,\r\n showPassword,\r\n autocomplete,\r\n autosize,\r\n placeholder: placeholder ?? t('el.input.placeholder'),\r\n }\"\r\n v-model=\"model\"\r\n @blur=\"blur\"\r\n @focus=\"focus\"\r\n @change=\"change\"\r\n >\r\n <template v-if=\"'append' in $slots\" #append>\r\n <slot name=\"append\" />\r\n </template>\r\n <template v-if=\"'prepend' in $slots\" #prepend>\r\n <slot name=\"prepend\" />\r\n </template>\r\n <template v-if=\"'prefix' in $slots\" #prefix>\r\n <slot name=\"prefix\" />\r\n </template>\r\n <template v-if=\"'suffix' in $slots\" #suffix>\r\n <slot name=\"suffix\" />\r\n </template>\r\n </ElInput>\r\n</template>\r\n","<script setup lang=\"tsx\" generic=\"MV extends string | number\">\r\nimport type { InputProps } from 'element-plus'\r\nimport type { VNode } from 'vue'\r\nimport { ElInput, useLocale } from 'element-plus'\r\nimport { inject } from 'vue'\r\n\r\nimport { X_FORM_ITEM_VALIDATION, X_LOCALE_CONFIG } from '../constants'\r\n\r\nexport interface XInputProps {\r\n clearable?: InputProps['clearable']\r\n disabled?: InputProps['disabled']\r\n size?: InputProps['size']\r\n type?: InputProps['type']\r\n showPassword?: InputProps['showPassword']\r\n autocomplete?: InputProps['autocomplete']\r\n autosize?: InputProps['autosize']\r\n placeholder?: InputProps['placeholder']\r\n prefixIcon?: InputProps['prefixIcon']\r\n suffixIcon?: InputProps['suffixIcon']\r\n}\r\n\r\nconst { disabled = undefined } = defineProps<XInputProps>()\r\nconst emit = defineEmits<{\r\n blur: [e: FocusEvent]\r\n focus: [e: FocusEvent]\r\n change: [e: MV]\r\n}>()\r\ndefineSlots<{\r\n append: () => VNode\r\n prefix: () => VNode\r\n prepend: () => VNode\r\n suffix: () => VNode\r\n}>()\r\nconst model = defineModel<MV>()\r\n\r\n// const inTable = inject(X_ELEMENT_IN_TABLE, false)\r\n// const inTableColumn = inject(X_ELEMENT_IN_TABLE_COLUMN, false)\r\n\r\nconst locale = inject(X_LOCALE_CONFIG)\r\nconst { t } = useLocale(locale)\r\n\r\nconst formItemValidation = inject(X_FORM_ITEM_VALIDATION, undefined)\r\n\r\nif (formItemValidation?.required) {\r\n const { label, validator } = formItemValidation\r\n formItemValidation.validator = () => {\r\n if (!model.value) {\r\n return `请输入${label}`\r\n }\r\n return validator?.()\r\n }\r\n}\r\n\r\nconst blur = (e: FocusEvent) => {\r\n formItemValidation?.validate?.()\r\n emit('blur', e)\r\n}\r\nconst focus = (e: FocusEvent) => {\r\n emit('focus', e)\r\n}\r\nconst change = (value: string) => {\r\n emit('change', value as MV)\r\n}\r\n</script>\r\n\r\n<template>\r\n <ElInput\r\n v-bind=\"{\r\n disabled,\r\n type,\r\n size,\r\n clearable,\r\n showPassword,\r\n autocomplete,\r\n autosize,\r\n placeholder: placeholder ?? t('el.input.placeholder'),\r\n }\"\r\n v-model=\"model\"\r\n @blur=\"blur\"\r\n @focus=\"focus\"\r\n @change=\"change\"\r\n >\r\n <template v-if=\"'append' in $slots\" #append>\r\n <slot name=\"append\" />\r\n </template>\r\n <template v-if=\"'prepend' in $slots\" #prepend>\r\n <slot name=\"prepend\" />\r\n </template>\r\n <template v-if=\"'prefix' in $slots\" #prefix>\r\n <slot name=\"prefix\" />\r\n </template>\r\n <template v-if=\"'suffix' in $slots\" #suffix>\r\n <slot name=\"suffix\" />\r\n </template>\r\n </ElInput>\r\n</template>\r\n"],"mappings":"2eCsBA,IAAM,EAAO,EAWP,GAAA,EAAA,EAAA,UAAuB,EAAA,aAAE,CAMzB,CAAE,MAAA,EAAA,EAAA,YAAA,EAAA,EAAA,QADc,EAAA,EAAgB,CACP,CAEzB,GAAA,EAAA,EAAA,QAA4B,EAAA,EAAwB,IAAA,GAAU,CAEpE,GAAI,GAAoB,SAAU,CAChC,GAAM,CAAE,QAAO,aAAc,EAC7B,EAAmB,cACZ,EAAM,MAGJ,KAAa,CAFX,MAAM,IAMnB,IAAM,EAAQ,GAAkB,CAC9B,GAAoB,YAAY,CAChC,EAAK,OAAQ,EAAE,EAEX,EAAS,GAAkB,CAC/B,EAAK,QAAS,EAAE,EAEZ,EAAU,GAAkB,CAChC,EAAK,SAAU,EAAY,gEAiCjB,EAAA,QAAA,EAAA,EAAA,EAAA,YAAA,UA3BS,EAAA,cAAiB,EAAA,UAAa,EAAA,eAAa,EAAA,uBAAkB,EAAA,0BAAqB,EAAA,sBAAqB,EAAA,qBAA8B,EAAA,cAAA,EAAA,EAAA,OAAe,EAAC,CAAA,uBAAA,cAU7J,EAAA,sCAAA,EAAK,MAAA,EACb,OAAM,EACN,QAAO,EACP,SAAQ,wCAEmBA,EAAAA,OAAAA,MAAS,8BACb,EAAA,EAAA,EAAA,YAAA,EAAA,OAAA,SAAA,CAAA,CAAA,6BAEKA,EAAAA,OAAAA,MAAS,+BACb,EAAA,EAAA,EAAA,YAAA,EAAA,OAAA,UAAA,CAAA,CAAA,4BAEGA,EAAAA,OAAAA,MAAS,8BACb,EAAA,EAAA,EAAA,YAAA,EAAA,OAAA,SAAA,CAAA,CAAA,4BAEIA,EAAAA,OAAAA,MAAS,8BACb,EAAA,EAAA,EAAA,YAAA,EAAA,OAAA,SAAA,CAAA,CAAA"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
const e=require(`./constants-C1UtNKNR.cjs`),t=require(`./dist-jkU1Ff2x.cjs`);let n=require(`vue`),r=require(`element-plus`);var i=(0,n.defineComponent)({__name:`Select`,props:(0,n.mergeModels)({collapseTagsTooltip:{type:Boolean},defaultFirstOption:{type:Boolean},clearable:{type:Boolean},allowCreate:{type:Boolean},collapseTags:{type:Boolean},data:{},disabled:{type:Boolean,default:()=>void 0},factory:{type:Function},filterable:{type:Boolean},identify:{type:Function},loading:{type:Boolean},multiple:{type:Boolean},remote:{type:Boolean},remoteMethod:{type:Function},size:{},supplement:{type:Function},placeholder:{},noDataText:{}},{modelValue:{},modelModifiers:{}}),emits:(0,n.mergeModels)([`blur`,`change`,`focus`],[`update:modelValue`]),setup(i,{emit:a}){let o=a,s=(0,n.useModel)(i,`modelValue`),{t:c}=(0,r.useLocale)((0,n.inject)(e.c)),l=(0,n.ref)([]),u=t.n(()=>i.data??[],i.factory),d=(0,n.computed)(()=>[...t.n(l,i.factory).value,...u.value]),f=e=>{if(typeof e==`object`){if(i.identify)return i.identify(e);throw Error("`identify` is required when value's type extends `object` or `object[]`")}else return e},p=e=>d.value.map(e=>e.value).find(t=>f(t)===e),m=0;(0,n.watch)([s,u],async()=>{if(m++,s.value){let e=[...[],...Array.isArray(s.value)?s.value:[s.value]].filter(e=>!u.value.map(e=>f(e.value)).includes(f(e))),t=m,n=await i.supplement?.(e);t===m&&n&&(l.value=n)}else l.value=[]},{immediate:!0});let h=(0,n.computed)(()=>d.value.map(e=>{let t=f(e.value);return{disabled:e.disabled,key:t,label:e.label,value:t}})),g=(0,n.computed)({get:()=>s.value&&(Array.isArray(s.value)?s.value.map(f):f(s.value)),set:e=>{Array.isArray(e)?s.value=e.map(e=>p(e)):s.value=e===void 0?void 0:p(e)??(i.allowCreate?e:void 0)}}),_=(0,n.inject)(e.o,void 0);if(_?.required){let{label:e,validator:t}=_;_.validator=()=>!s.value||Array.isArray(s.value)&&s.value.length===0?`请选择${e}`:t?.()}return(e,t)=>((0,n.openBlock)(),(0,n.createBlock)((0,n.unref)(r.ElSelect),(0,n.mergeProps)({placeholder:i.placeholder??(0,n.unref)(c)(`el.select.placeholder`),noDataText:i.noDataText??(0,n.unref)(c)(`el.select.noDataText`),disabled:i.disabled,allowCreate:i.allowCreate,remote:i.remote,filterable:i.filterable||i.remote,clearable:i.clearable,remoteMethod:i.remoteMethod,multiple:i.multiple,loading:i.loading,size:i.size,collapseTags:i.collapseTags,collapseTagsTooltip:i.collapseTagsTooltip,defaultFirstOption:i.defaultFirstOption||i.allowCreate},{modelValue:g.value,"onUpdate:modelValue":t[0]||=e=>g.value=e,onBlur:t[1]||=e=>o(`blur`,e),onChange:t[2]||=e=>o(`change`,e)}),{default:(0,n.withCtx)(()=>[((0,n.openBlock)(!0),(0,n.createElementBlock)(n.Fragment,null,(0,n.renderList)(h.value,e=>((0,n.openBlock)(),(0,n.createBlock)((0,n.unref)(r.ElOption),{key:e.key,label:e.label,value:e.value,disabled:e.disabled},{default:(0,n.withCtx)(()=>[(0,n.createTextVNode)((0,n.toDisplayString)(e.label),1)]),_:2},1032,[`label`,`value`,`disabled`]))),128))]),_:1},16,[`modelValue`]))}});Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return i}});
|
|
2
|
+
//# sourceMappingURL=Select-DbiBYKYx.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Select-DbiBYKYx.cjs","names":[],"sources":["../../src/components/Select.vue","../../src/components/Select.vue"],"sourcesContent":["<script setup lang=\"tsx\" generic=\"D, V, MV extends V | V[]\">\r\nimport type { SelectProps } from 'element-plus'\r\nimport type { Ref } from 'vue'\r\n\r\nimport { useArrayMap } from '@vueuse/core'\r\nimport { ElOption, ElSelect, useLocale } from 'element-plus'\r\nimport { computed, inject, ref, watch } from 'vue'\r\n\r\nimport { X_FORM_ITEM_VALIDATION, X_LOCALE_CONFIG } from '../constants'\r\n\r\nexport interface XSelectOptionProps<V> {\r\n disabled?: boolean\r\n label?: number | string\r\n value: V\r\n}\r\n\r\nexport interface XSelectProps<D, V> {\r\n collapseTagsTooltip?: SelectProps['collapseTagsTooltip']\r\n defaultFirstOption?: SelectProps['defaultFirstOption']\r\n clearable?: SelectProps['clearable']\r\n allowCreate?: SelectProps['allowCreate']\r\n collapseTags?: SelectProps['collapseTags']\r\n data?: D[]\r\n disabled?: SelectProps['disabled']\r\n factory: (option: D) => XSelectOptionProps<V>\r\n\r\n filterable?: SelectProps['filterable']\r\n identify?: (value: V) => number | string\r\n loading?: SelectProps['loading']\r\n multiple?: SelectProps['multiple']\r\n remote?: SelectProps['remote']\r\n\r\n remoteMethod?: (query: string) => void\r\n size?: SelectProps['size']\r\n\r\n supplement?: (lacks: V[]) => D[] | PromiseLike<D[]>\r\n placeholder?: SelectProps['placeholder']\r\n noDataText?: SelectProps['noDataText']\r\n}\r\n\r\nconst {\r\n allowCreate,\r\n data,\r\n disabled = undefined,\r\n factory,\r\n identify,\r\n supplement\r\n} = defineProps<XSelectProps<D, V>>()\r\n\r\nconst emit = defineEmits<{\r\n blur: [e: FocusEvent]\r\n change: [value: V]\r\n focus: []\r\n}>()\r\n\r\nconst model = defineModel<MV>()\r\n\r\nconst locale = inject(X_LOCALE_CONFIG)\r\nconst { t } = useLocale(locale)\r\n\r\nconst supplements = ref([]) as Ref<D[]>\r\nconst init = useArrayMap(() => data ?? [], factory)\r\nconst options = computed(() => [...useArrayMap(supplements, factory).value, ...init.value])\r\n\r\nconst forward = (value: V) => {\r\n if (typeof value === 'object') {\r\n if (identify) {\r\n return identify(value)\r\n }\r\n else {\r\n throw new Error('`identify` is required when value\\'s type extends `object` or `object[]`')\r\n }\r\n }\r\n else {\r\n return value as number | string\r\n }\r\n}\r\nconst backward = (key: number | string) =>\r\n options.value.map(item => item.value).find(item => forward(item) === key)\r\n\r\nlet no = 0\r\nwatch(\r\n [model, init],\r\n async () => {\r\n no++\r\n if (model.value) {\r\n const lacks = [...[] as V[], ...Array.isArray(model.value) ? model.value : [model.value]]\r\n .filter(item => !init.value.map(it => forward(it.value)).includes(forward(item)))\r\n const _no = no\r\n const _data = await supplement?.(lacks)\r\n if (_no === no && _data) {\r\n supplements.value = _data\r\n }\r\n }\r\n else {\r\n supplements.value = []\r\n }\r\n },\r\n { immediate: true }\r\n)\r\n\r\nconst localOptions = computed(() =>\r\n options.value.map((item) => {\r\n const key = forward(item.value)\r\n return { disabled: item.disabled, key, label: item.label, value: key }\r\n })\r\n)\r\n\r\nconst localModel = computed({\r\n get: () =>\r\n model.value\r\n && (Array.isArray(model.value) ? model.value.map(forward) : forward(model.value as V)),\r\n set: (value) => {\r\n if (Array.isArray(value)) {\r\n model.value = value.map(item => backward(item)!) as MV\r\n }\r\n else {\r\n model.value\r\n = value === undefined\r\n ? undefined\r\n : ((backward(value) ?? (allowCreate ? value : undefined)) as MV)\r\n }\r\n }\r\n})\r\n\r\nconst formItemValidation = inject(X_FORM_ITEM_VALIDATION, undefined)\r\nif (formItemValidation?.required) {\r\n const { label, validator } = formItemValidation\r\n formItemValidation.validator = () => {\r\n if (!model.value || (Array.isArray(model.value) && model.value.length === 0)) {\r\n return `请选择${label}`\r\n }\r\n return validator?.()\r\n }\r\n}\r\n</script>\r\n\r\n<template>\r\n <ElSelect\r\n v-bind=\"{\r\n placeholder: placeholder ?? t('el.select.placeholder'),\r\n noDataText: noDataText ?? t('el.select.noDataText'),\r\n disabled,\r\n allowCreate,\r\n remote,\r\n filterable: filterable || remote,\r\n clearable,\r\n remoteMethod,\r\n multiple,\r\n loading,\r\n size,\r\n collapseTags,\r\n collapseTagsTooltip,\r\n defaultFirstOption: defaultFirstOption || allowCreate,\r\n }\"\r\n v-model=\"localModel\"\r\n @blur=\"emit('blur', $event)\"\r\n @change=\"value => emit('change', value)\"\r\n >\r\n <ElOption\r\n v-for=\"option of localOptions\"\r\n :key=\"option.key\"\r\n :label=\"option.label\"\r\n :value=\"option.value\"\r\n :disabled=\"option.disabled\"\r\n >\r\n {{ option.label }}\r\n </ElOption>\r\n </ElSelect>\r\n</template>\r\n","<script setup lang=\"tsx\" generic=\"D, V, MV extends V | V[]\">\r\nimport type { SelectProps } from 'element-plus'\r\nimport type { Ref } from 'vue'\r\n\r\nimport { useArrayMap } from '@vueuse/core'\r\nimport { ElOption, ElSelect, useLocale } from 'element-plus'\r\nimport { computed, inject, ref, watch } from 'vue'\r\n\r\nimport { X_FORM_ITEM_VALIDATION, X_LOCALE_CONFIG } from '../constants'\r\n\r\nexport interface XSelectOptionProps<V> {\r\n disabled?: boolean\r\n label?: number | string\r\n value: V\r\n}\r\n\r\nexport interface XSelectProps<D, V> {\r\n collapseTagsTooltip?: SelectProps['collapseTagsTooltip']\r\n defaultFirstOption?: SelectProps['defaultFirstOption']\r\n clearable?: SelectProps['clearable']\r\n allowCreate?: SelectProps['allowCreate']\r\n collapseTags?: SelectProps['collapseTags']\r\n data?: D[]\r\n disabled?: SelectProps['disabled']\r\n factory: (option: D) => XSelectOptionProps<V>\r\n\r\n filterable?: SelectProps['filterable']\r\n identify?: (value: V) => number | string\r\n loading?: SelectProps['loading']\r\n multiple?: SelectProps['multiple']\r\n remote?: SelectProps['remote']\r\n\r\n remoteMethod?: (query: string) => void\r\n size?: SelectProps['size']\r\n\r\n supplement?: (lacks: V[]) => D[] | PromiseLike<D[]>\r\n placeholder?: SelectProps['placeholder']\r\n noDataText?: SelectProps['noDataText']\r\n}\r\n\r\nconst {\r\n allowCreate,\r\n data,\r\n disabled = undefined,\r\n factory,\r\n identify,\r\n supplement\r\n} = defineProps<XSelectProps<D, V>>()\r\n\r\nconst emit = defineEmits<{\r\n blur: [e: FocusEvent]\r\n change: [value: V]\r\n focus: []\r\n}>()\r\n\r\nconst model = defineModel<MV>()\r\n\r\nconst locale = inject(X_LOCALE_CONFIG)\r\nconst { t } = useLocale(locale)\r\n\r\nconst supplements = ref([]) as Ref<D[]>\r\nconst init = useArrayMap(() => data ?? [], factory)\r\nconst options = computed(() => [...useArrayMap(supplements, factory).value, ...init.value])\r\n\r\nconst forward = (value: V) => {\r\n if (typeof value === 'object') {\r\n if (identify) {\r\n return identify(value)\r\n }\r\n else {\r\n throw new Error('`identify` is required when value\\'s type extends `object` or `object[]`')\r\n }\r\n }\r\n else {\r\n return value as number | string\r\n }\r\n}\r\nconst backward = (key: number | string) =>\r\n options.value.map(item => item.value).find(item => forward(item) === key)\r\n\r\nlet no = 0\r\nwatch(\r\n [model, init],\r\n async () => {\r\n no++\r\n if (model.value) {\r\n const lacks = [...[] as V[], ...Array.isArray(model.value) ? model.value : [model.value]]\r\n .filter(item => !init.value.map(it => forward(it.value)).includes(forward(item)))\r\n const _no = no\r\n const _data = await supplement?.(lacks)\r\n if (_no === no && _data) {\r\n supplements.value = _data\r\n }\r\n }\r\n else {\r\n supplements.value = []\r\n }\r\n },\r\n { immediate: true }\r\n)\r\n\r\nconst localOptions = computed(() =>\r\n options.value.map((item) => {\r\n const key = forward(item.value)\r\n return { disabled: item.disabled, key, label: item.label, value: key }\r\n })\r\n)\r\n\r\nconst localModel = computed({\r\n get: () =>\r\n model.value\r\n && (Array.isArray(model.value) ? model.value.map(forward) : forward(model.value as V)),\r\n set: (value) => {\r\n if (Array.isArray(value)) {\r\n model.value = value.map(item => backward(item)!) as MV\r\n }\r\n else {\r\n model.value\r\n = value === undefined\r\n ? undefined\r\n : ((backward(value) ?? (allowCreate ? value : undefined)) as MV)\r\n }\r\n }\r\n})\r\n\r\nconst formItemValidation = inject(X_FORM_ITEM_VALIDATION, undefined)\r\nif (formItemValidation?.required) {\r\n const { label, validator } = formItemValidation\r\n formItemValidation.validator = () => {\r\n if (!model.value || (Array.isArray(model.value) && model.value.length === 0)) {\r\n return `请选择${label}`\r\n }\r\n return validator?.()\r\n }\r\n}\r\n</script>\r\n\r\n<template>\r\n <ElSelect\r\n v-bind=\"{\r\n placeholder: placeholder ?? t('el.select.placeholder'),\r\n noDataText: noDataText ?? t('el.select.noDataText'),\r\n disabled,\r\n allowCreate,\r\n remote,\r\n filterable: filterable || remote,\r\n clearable,\r\n remoteMethod,\r\n multiple,\r\n loading,\r\n size,\r\n collapseTags,\r\n collapseTagsTooltip,\r\n defaultFirstOption: defaultFirstOption || allowCreate,\r\n }\"\r\n v-model=\"localModel\"\r\n @blur=\"emit('blur', $event)\"\r\n @change=\"value => emit('change', value)\"\r\n >\r\n <ElOption\r\n v-for=\"option of localOptions\"\r\n :key=\"option.key\"\r\n :label=\"option.label\"\r\n :value=\"option.value\"\r\n :disabled=\"option.disabled\"\r\n >\r\n {{ option.label }}\r\n </ElOption>\r\n </ElSelect>\r\n</template>\r\n"],"mappings":"svBCiDA,IAAM,EAAO,EAMP,GAAA,EAAA,EAAA,UAAuB,EAAA,aAAE,CAGzB,CAAE,MAAA,EAAA,EAAA,YAAA,EAAA,EAAA,QADc,EAAA,EAAgB,CACP,CAEzB,GAAA,EAAA,EAAA,KAAkB,EAAE,CAAa,CACjC,EAAO,EAAA,MAAkB,EAAA,MAAQ,EAAE,CAAE,EAAA,QAAQ,CAC7C,GAAA,EAAA,EAAA,cAAyB,CAAC,GAAG,EAAA,EAAY,EAAa,EAAA,QAAQ,CAAC,MAAO,GAAG,EAAK,MAAM,CAAC,CAErF,EAAW,GAAa,CAC5B,GAAI,OAAO,GAAU,SACnB,IAAI,EAAA,SACF,OAAO,EAAA,SAAS,EAAM,CAGtB,MAAU,MAAM,0EAA2E,MAI7F,OAAO,GAGL,EAAY,GAChB,EAAQ,MAAM,IAAI,GAAQ,EAAK,MAAM,CAAC,KAAK,GAAQ,EAAQ,EAAK,GAAK,EAAI,CAEvE,EAAK,GACT,EAAA,EAAA,OACE,CAAC,EAAO,EAAK,CACb,SAAY,CAEV,GADA,IACI,EAAM,MAAO,CACf,IAAM,EAAQ,CAAC,GAAG,EAAS,CAAE,GAAG,MAAM,QAAQ,EAAM,MAAM,CAAG,EAAM,MAAQ,CAAC,EAAM,MAAM,CAAC,CACtF,OAAO,GAAQ,CAAC,EAAK,MAAM,IAAI,GAAM,EAAQ,EAAG,MAAM,CAAC,CAAC,SAAS,EAAQ,EAAK,CAAC,CAAC,CAC7E,EAAM,EACN,EAAQ,MAAM,EAAA,aAAa,EAAM,CACnC,IAAQ,GAAM,IAChB,EAAY,MAAQ,QAItB,EAAY,MAAQ,EAAE,EAG1B,CAAE,UAAW,GACf,CAAC,CAED,IAAM,GAAA,EAAA,EAAA,cACJ,EAAQ,MAAM,IAAK,GAAS,CAC1B,IAAM,EAAM,EAAQ,EAAK,MAAM,CAC/B,MAAO,CAAE,SAAU,EAAK,SAAU,MAAK,MAAO,EAAK,MAAO,MAAO,EAAK,EAE1E,CAAC,CAEK,GAAA,EAAA,EAAA,UAAsB,CAC1B,QACE,EAAM,QACF,MAAM,QAAQ,EAAM,MAAM,CAAG,EAAM,MAAM,IAAI,EAAQ,CAAG,EAAQ,EAAM,MAAW,EACvF,IAAM,GAAU,CACV,MAAM,QAAQ,EAAM,CACtB,EAAM,MAAQ,EAAM,IAAI,GAAQ,EAAS,EAAM,CAAO,CAGtD,EAAM,MACF,IAAU,IAAA,GACR,IAAA,GACE,EAAS,EAAM,GAAK,EAAA,YAAc,EAAQ,IAAA,KAGvD,CAAC,CAEI,GAAA,EAAA,EAAA,QAA4B,EAAA,EAAwB,IAAA,GAAU,CACpE,GAAI,GAAoB,SAAU,CAChC,GAAM,CAAE,QAAO,aAAc,EAC7B,EAAmB,cACb,CAAC,EAAM,OAAU,MAAM,QAAQ,EAAM,MAAM,EAAI,EAAM,MAAM,SAAW,EACjE,MAAM,IAER,KAAa,+DAoCX,EAAA,SAAA,EAAA,EAAA,EAAA,YAAA,aA7BqB,EAAA,cAAA,EAAA,EAAA,OAAe,EAAC,CAAA,wBAAA,YAA8C,EAAA,aAAA,EAAA,EAAA,OAAc,EAAC,CAAA,uBAAA,UAAiC,EAAA,qBAAiB,EAAA,mBAAoB,EAAA,kBAA2B,EAAA,YAAc,EAAA,iBAAe,EAAA,uBAAkB,EAAA,sBAAqB,EAAA,iBAAiB,EAAA,aAAgB,EAAA,kBAAa,EAAA,iCAAqB,EAAA,uCAAgD,EAAA,oBAAsB,EAAA,yBAgBhZ,EAAA,sCAAA,EAAU,MAAA,EAClB,OAAI,AAAA,EAAA,KAAA,GAAE,EAAI,OAAS,EAAM,CACzB,SAAM,AAAA,EAAA,KAAE,GAAS,EAAI,SAAW,EAAK,8BAGN,GAAA,EAAA,EAAA,WAAA,GAAA,EAAA,EAAA,EAAA,oBAOrB,EAAA,SAAA,MAAA,EAAA,EAAA,YAPQ,EAAA,MAAV,oDAOE,EAAA,SAAA,CAAA,CANR,IAAK,EAAO,IACZ,MAAO,EAAO,MACd,MAAO,EAAO,MACd,SAAU,EAAO,qCAEA,EAAA,EAAA,EAAA,kBAAA,EAAA,EAAA,iBAAf,EAAO,MAAK,CAAA,EAAA,CAAA,CAAA"}
|
package/dist/cjs/Select.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require(`./Select-
|
|
1
|
+
Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require(`./Select-DbiBYKYx.cjs`);exports.default=e.t;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
const e=require(`./constants-C1UtNKNR.cjs`);let t=require(`vue`),n=require(`element-plus`);var r=(0,t.defineComponent)({__name:`Upload`,props:(0,t.mergeModels)({accept:{},data:{type:[Promise,Function]},disabled:{type:Boolean},limit:{},showFileList:{type:Boolean},fileList:{}},{modelValue:{},modelModifiers:{}}),emits:[`update:modelValue`],setup(r){let i=(0,t.useModel)(r,`modelValue`),a=(0,t.inject)(e.o,void 0);if(a?.required){let{label:e,validator:t}=a;a.validator=()=>!i.value||Array.isArray(i.value)&&i.value.length===0?`请上传${e}`:t?.()}return(e,i)=>((0,t.openBlock)(),(0,t.createBlock)((0,t.unref)(n.ElUpload),(0,t.normalizeProps)((0,t.guardReactiveProps)({disabled:r.disabled,accept:r.accept,data:r.data,limit:r.limit,fileList:r.fileList,showFileList:r.showFileList})),(0,t.createSlots)({default:(0,t.withCtx)(()=>[(0,t.renderSlot)(e.$slots,`default`)]),_:2},[`file`in e.$slots?{name:`file`,fn:(0,t.withCtx)(({file:n,index:r})=>[(0,t.renderSlot)(e.$slots,`file`,{file:n,index:r})]),key:`0`}:void 0,`tip`in e.$slots?{name:`tip`,fn:(0,t.withCtx)(()=>[(0,t.renderSlot)(e.$slots,`tip`)]),key:`1`}:void 0,`trigger`in e.$slots?{name:`trigger`,fn:(0,t.withCtx)(()=>[(0,t.renderSlot)(e.$slots,`trigger`)]),key:`2`}:void 0]),1040))}});Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return r}});
|
|
2
|
+
//# sourceMappingURL=Upload-DxAM_SRp.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Upload-DxAM_SRp.cjs","names":["$slots"],"sources":["../../src/components/Upload.vue","../../src/components/Upload.vue"],"sourcesContent":["<script setup lang=\"tsx\" generic=\"MV extends string | string[]\">\r\nimport type { UploadFile, UploadProps } from 'element-plus'\r\n\r\nimport type { VNodeChild } from 'vue'\r\nimport { ElUpload } from 'element-plus'\r\nimport { inject } from 'vue'\r\n\r\nimport { X_FORM_ITEM_VALIDATION } from '../constants'\r\n\r\nexport interface XUploadProps {\r\n accept?: UploadProps['accept']\r\n data?: UploadProps['data']\r\n disabled?: UploadProps['disabled']\r\n limit?: UploadProps['limit']\r\n showFileList?: UploadProps['showFileList']\r\n fileList?: UploadProps['fileList']\r\n}\r\n\r\ndefineProps<XUploadProps>()\r\n\r\ndefineSlots<{\r\n default: () => VNodeChild\r\n file: (scope: { file: UploadFile, index: number }) => VNodeChild\r\n tip: () => VNodeChild\r\n trigger: () => VNodeChild\r\n}>()\r\n\r\nconst model = defineModel<MV>()\r\n\r\nconst formItemValidation = inject(X_FORM_ITEM_VALIDATION, undefined)\r\nif (formItemValidation?.required) {\r\n const { label, validator } = formItemValidation\r\n formItemValidation.validator = () => {\r\n if (!model.value || (Array.isArray(model.value) && model.value.length === 0)) {\r\n return `请上传${label}`\r\n }\r\n return validator?.()\r\n }\r\n}\r\n</script>\r\n\r\n<template>\r\n <ElUpload v-bind=\"{ disabled, accept, data, limit, fileList, showFileList }\">\r\n <slot />\r\n\r\n <template v-if=\"'file' in $slots\" #file=\"{ file, index }\">\r\n <slot name=\"file\" :file=\"file\" :index=\"index\" />\r\n </template>\r\n <template v-if=\"'tip' in $slots\" #tip>\r\n <slot name=\"tip\" />\r\n </template>\r\n <template v-if=\"'trigger' in $slots\" #trigger>\r\n <slot name=\"trigger\" />\r\n </template>\r\n </ElUpload>\r\n</template>\r\n","<script setup lang=\"tsx\" generic=\"MV extends string | string[]\">\r\nimport type { UploadFile, UploadProps } from 'element-plus'\r\n\r\nimport type { VNodeChild } from 'vue'\r\nimport { ElUpload } from 'element-plus'\r\nimport { inject } from 'vue'\r\n\r\nimport { X_FORM_ITEM_VALIDATION } from '../constants'\r\n\r\nexport interface XUploadProps {\r\n accept?: UploadProps['accept']\r\n data?: UploadProps['data']\r\n disabled?: UploadProps['disabled']\r\n limit?: UploadProps['limit']\r\n showFileList?: UploadProps['showFileList']\r\n fileList?: UploadProps['fileList']\r\n}\r\n\r\ndefineProps<XUploadProps>()\r\n\r\ndefineSlots<{\r\n default: () => VNodeChild\r\n file: (scope: { file: UploadFile, index: number }) => VNodeChild\r\n tip: () => VNodeChild\r\n trigger: () => VNodeChild\r\n}>()\r\n\r\nconst model = defineModel<MV>()\r\n\r\nconst formItemValidation = inject(X_FORM_ITEM_VALIDATION, undefined)\r\nif (formItemValidation?.required) {\r\n const { label, validator } = formItemValidation\r\n formItemValidation.validator = () => {\r\n if (!model.value || (Array.isArray(model.value) && model.value.length === 0)) {\r\n return `请上传${label}`\r\n }\r\n return validator?.()\r\n }\r\n}\r\n</script>\r\n\r\n<template>\r\n <ElUpload v-bind=\"{ disabled, accept, data, limit, fileList, showFileList }\">\r\n <slot />\r\n\r\n <template v-if=\"'file' in $slots\" #file=\"{ file, index }\">\r\n <slot name=\"file\" :file=\"file\" :index=\"index\" />\r\n </template>\r\n <template v-if=\"'tip' in $slots\" #tip>\r\n <slot name=\"tip\" />\r\n </template>\r\n <template v-if=\"'trigger' in $slots\" #trigger>\r\n <slot name=\"trigger\" />\r\n </template>\r\n </ElUpload>\r\n</template>\r\n"],"mappings":"4VC2BA,IAAM,GAAA,EAAA,EAAA,UAAuB,EAAA,aAAE,CAEzB,GAAA,EAAA,EAAA,QAA4B,EAAA,EAAwB,IAAA,GAAU,CACpE,GAAI,GAAoB,SAAU,CAChC,GAAM,CAAE,QAAO,aAAc,EAC7B,EAAmB,cACb,CAAC,EAAM,OAAU,MAAM,QAAQ,EAAM,MAAM,EAAI,EAAM,MAAM,SAAW,EACjE,MAAM,IAER,KAAa,+DAkBX,EAAA,SAAA,EAAA,EAAA,EAAA,iBAAA,EAAA,EAAA,oBAAA,CAAA,SAZS,EAAA,SAAQ,OAAE,EAAA,OAAM,KAAE,EAAA,KAAI,MAAE,EAAA,MAAK,SAAE,EAAA,SAAQ,aAAE,EAAA,aAAY,CAAA,CAAA,EAAA,EAAA,EAAA,aAAA,2BAC/D,EAAA,EAAA,EAAA,YAAA,EAAA,OAAA,UAAA,CAAA,CAAA,gBAEkBA,EAAAA,OAAAA,MAAS,yBACe,CADP,OAAM,WAAK,EAAA,EAAA,EAAA,YACJ,EAAA,OAAA,OAAA,CAAvB,OAAc,oCAEhBA,EAAAA,OAAAA,MAAS,2BACb,EAAA,EAAA,EAAA,YAAA,EAAA,OAAA,MAAA,CAAA,CAAA,6BAEQA,EAAAA,OAAAA,MAAS,+BACb,EAAA,EAAA,EAAA,YAAA,EAAA,OAAA,UAAA,CAAA,CAAA"}
|
package/dist/cjs/Upload.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require(`./Upload-
|
|
1
|
+
Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require(`./Upload-DxAM_SRp.cjs`);exports.default=e.t;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e=Object.defineProperty,t=(t,n)=>{let r={};for(var i in t)e(r,i,{get:t[i],enumerable:!0});return n||e(r,Symbol.toStringTag,{value:`Module`}),r};const n=require(`./Button-Dkqk8lXH.cjs`),r=require(`./ConfigProvider-lII820wO.cjs`),i=require(`./DatePicker-
|
|
2
|
-
//# sourceMappingURL=components-
|
|
1
|
+
var e=Object.defineProperty,t=(t,n)=>{let r={};for(var i in t)e(r,i,{get:t[i],enumerable:!0});return n||e(r,Symbol.toStringTag,{value:`Module`}),r};const n=require(`./Button-Dkqk8lXH.cjs`),r=require(`./ConfigProvider-lII820wO.cjs`),i=require(`./DatePicker-Bs1ylK57.cjs`),a=require(`./Dialog-CSSTtlWY.cjs`),o=require(`./Form-269B6UNo.cjs`),s=require(`./FormItem-DT2H_f3C.cjs`),c=require(`./Input-DuZALrON.cjs`),l=require(`./InputNumber-DPd4h9mJ.cjs`),u=require(`./Pagination-C6JSioze.cjs`),d=require(`./Select-DbiBYKYx.cjs`),f=require(`./Table-DpQglHP2.cjs`),p=require(`./TabPane-6xH7oG0B.cjs`),m=require(`./Tabs-BjfrK6HM.cjs`),h=require(`./Upload-DxAM_SRp.cjs`);let g=require(`vue`),_=require(`element-plus`);var v=(0,g.defineComponent)({__name:`ButtonPopconfirm`,props:{title:{default:`是否执行?`},disabled:{type:Boolean},link:{type:Boolean},size:{},text:{type:Boolean},type:{},icon:{}},emits:[`cancel`,`confirm`],setup(e,{emit:t}){let r=t;return(t,i)=>((0,g.openBlock)(),(0,g.createBlock)((0,g.unref)(_.ElPopconfirm),{title:e.title,onCancel:i[0]||=()=>r(`cancel`),onConfirm:i[1]||=()=>r(`confirm`)},{reference:(0,g.withCtx)(()=>[(0,g.createVNode)((0,g.unref)(n.t),(0,g.normalizeProps)((0,g.guardReactiveProps)({disabled:e.disabled,type:e.type,text:e.text,size:e.size,link:e.link})),{default:(0,g.withCtx)(()=>[(0,g.renderSlot)(t.$slots,`default`)]),_:3},16)]),actions:(0,g.withCtx)(({confirm:e,cancel:t})=>[(0,g.createVNode)((0,g.unref)(n.t),{size:`small`,onClick:t},{default:(0,g.withCtx)(()=>[...i[2]||=[(0,g.createTextVNode)(` 取消 `,-1)]]),_:1},8,[`onClick`]),(0,g.createVNode)((0,g.unref)(n.t),{type:`danger`,size:`small`,onClick:e},{default:(0,g.withCtx)(()=>[...i[3]||=[(0,g.createTextVNode)(` 确定 `,-1)]]),_:1},8,[`onClick`])]),_:3},8,[`title`]))}}),y=t({XButton:()=>n.t,XButtonPopconfirm:()=>v,XConfigProvider:()=>r.t,XDatePicker:()=>i.t,XDialog:()=>a.t,XForm:()=>o.t,XFormItem:()=>s.t,XInput:()=>c.t,XInputNumber:()=>l.t,XPagination:()=>u.t,XSelect:()=>d.t,XTabPane:()=>p.t,XTable:()=>f.t,XTabs:()=>m.t,XUpload:()=>h.t});Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return v}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return y}});
|
|
2
|
+
//# sourceMappingURL=components-H3u1l6SK.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"components-
|
|
1
|
+
{"version":3,"file":"components-H3u1l6SK.cjs","names":[],"sources":["../../src/components/ButtonPopconfirm.vue","../../src/components/ButtonPopconfirm.vue","../../src/components/index.ts"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport type { XButtonProps } from '@/components/Button.vue'\r\nimport { ElPopconfirm } from 'element-plus'\r\nimport { XButton } from '@/components'\r\n\r\nexport interface XButtonPopconfirmProps extends XButtonProps {\r\n title?: string\r\n}\r\n\r\nconst { title = '是否执行?' } = defineProps<XButtonPopconfirmProps>()\r\n\r\nconst emit = defineEmits<{\r\n cancel: []\r\n confirm: []\r\n}>()\r\n</script>\r\n\r\n<template>\r\n <ElPopconfirm\r\n :title=\"title\"\r\n @cancel=\"() => emit('cancel')\"\r\n @confirm=\"() => emit('confirm')\"\r\n >\r\n <template #reference>\r\n <XButton v-bind=\"{ disabled, type, text, size, link }\">\r\n <slot></slot>\r\n </XButton>\r\n </template>\r\n <template #actions=\"{ confirm, cancel }\">\r\n <XButton size=\"small\" @click=\"cancel\">\r\n 取消\r\n </XButton>\r\n <XButton type=\"danger\" size=\"small\" @click=\"confirm\">\r\n 确定\r\n </XButton>\r\n </template>\r\n </ElPopconfirm>\r\n</template>\r\n","<script setup lang=\"ts\">\r\nimport type { XButtonProps } from '@/components/Button.vue'\r\nimport { ElPopconfirm } from 'element-plus'\r\nimport { XButton } from '@/components'\r\n\r\nexport interface XButtonPopconfirmProps extends XButtonProps {\r\n title?: string\r\n}\r\n\r\nconst { title = '是否执行?' } = defineProps<XButtonPopconfirmProps>()\r\n\r\nconst emit = defineEmits<{\r\n cancel: []\r\n confirm: []\r\n}>()\r\n</script>\r\n\r\n<template>\r\n <ElPopconfirm\r\n :title=\"title\"\r\n @cancel=\"() => emit('cancel')\"\r\n @confirm=\"() => emit('confirm')\"\r\n >\r\n <template #reference>\r\n <XButton v-bind=\"{ disabled, type, text, size, link }\">\r\n <slot></slot>\r\n </XButton>\r\n </template>\r\n <template #actions=\"{ confirm, cancel }\">\r\n <XButton size=\"small\" @click=\"cancel\">\r\n 取消\r\n </XButton>\r\n <XButton type=\"danger\" size=\"small\" @click=\"confirm\">\r\n 确定\r\n </XButton>\r\n </template>\r\n </ElPopconfirm>\r\n</template>\r\n","import XButton from '@/components/Button.vue'\r\nimport XButtonPopconfirm from '@/components/ButtonPopconfirm.vue'\r\nimport XConfigProvider from '@/components/ConfigProvider.vue'\r\nimport XDatePicker from '@/components/DatePicker.vue'\r\nimport XDialog from '@/components/Dialog.vue'\r\nimport XForm from '@/components/Form.vue'\r\nimport XFormItem from '@/components/FormItem.vue'\r\nimport XInput from '@/components/Input.vue'\r\nimport XInputNumber from '@/components/InputNumber.vue'\r\nimport XPagination from '@/components/Pagination.vue'\r\nimport XSelect from '@/components/Select.vue'\r\nimport XTable from '@/components/Table.vue'\r\nimport XTabPane from '@/components/TabPane.vue'\r\nimport XTabs from '@/components/Tabs.vue'\r\nimport XUpload from '@/components/Upload.vue'\r\n\r\nexport {\r\n XButton,\r\n XButtonPopconfirm,\r\n XConfigProvider,\r\n XDatePicker,\r\n XDialog,\r\n XForm,\r\n XFormItem,\r\n XInput,\r\n XInputNumber,\r\n XPagination,\r\n XSelect,\r\n XTable,\r\n XTabPane,\r\n XTabs,\r\n XUpload\r\n}\r\n\r\nexport * from '@/components/Button.vue'\r\nexport * from '@/components/ButtonPopconfirm.vue'\r\nexport * from '@/components/ConfigProvider.vue'\r\nexport * from '@/components/DatePicker.vue'\r\nexport * from '@/components/Dialog.vue'\r\nexport * from '@/components/Form.vue'\r\nexport * from '@/components/FormItem.vue'\r\nexport * from '@/components/Input.vue'\r\nexport * from '@/components/InputNumber.vue'\r\nexport * from '@/components/Pagination.vue'\r\nexport * from '@/components/Select.vue'\r\nexport * from '@/components/Table.vue'\r\nexport * from '@/components/TabPane.vue'\r\nexport * from '@/components/Tabs.vue'\r\nexport * from '@/components/Upload.vue'\r\n\r\ndeclare module 'vue' {\r\n export interface GlobalComponents {\r\n XButton: typeof XButton\r\n XButtonPopconfirm: typeof XButtonPopconfirm\r\n XConfigProvider: typeof XConfigProvider\r\n XDatePicker: typeof XDatePicker\r\n XDialog: typeof XDialog\r\n XForm: typeof XForm\r\n XFormItem: typeof XFormItem\r\n XInput: typeof XInput\r\n XInputNumber: typeof XInputNumber\r\n XPagination: typeof XPagination\r\n XSelect: typeof XSelect\r\n XTable: typeof XTable\r\n XTabPane: typeof XTabPane\r\n XTabs: typeof XTabs\r\n XUpload: typeof XUpload\r\n }\r\n}\r\n"],"mappings":"i6BCWA,IAAM,EAAO,gEAyBI,EAAA,aAAA,CAAA,CAjBZ,MAAO,EAAA,MACP,SAAM,AAAA,EAAA,SAAQ,EAAI,SAAA,CAClB,UAAO,AAAA,EAAA,SAAQ,EAAI,UAAA,GAET,WAAA,EAAA,EAAA,aAGC,EAAA,EAAA,EAAA,cAAA,EAAA,EAAA,OAAA,EAAA,EAAA,EAAA,EAAA,EAAA,iBAAA,EAAA,EAAA,oBAAA,CAAA,SAFS,EAAA,SAAQ,KAAE,EAAA,KAAI,KAAE,EAAA,KAAI,KAAE,EAAA,KAAI,KAAE,EAAA,KAAI,CAAA,CAAA,CAAA,2BACpC,EAAA,EAAA,EAAA,YAAA,EAAA,OAAA,UAAA,CAAA,CAAA,YAGN,SAAA,EAAA,EAAA,UAGC,CAHU,UAAS,YAAM,EAAA,EAAA,EAAA,cAAA,EAAA,EAAA,OAGzB,EAAA,EAAA,CAAA,CAFD,KAAK,QAAS,QAAO,8BAE9B,CAAA,GAAA,AAAA,EAAA,KAAA,EAAA,EAAA,EAAA,iBAFsC,OAEtC,GAAA,CAAA,CAAA,CAAA,mDAGU,EAAA,EAAA,CAAA,CAFD,KAAK,SAAS,KAAK,QAAS,QAAO,8BAE5C,CAAA,GAAA,AAAA,EAAA,KAAA,EAAA,EAAA,EAAA,iBAFqD,OAErD,GAAA,CAAA,CAAA,CAAA"}
|
package/dist/cjs/index.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require(`./components-
|
|
1
|
+
Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require(`./components-H3u1l6SK.cjs`),t=require(`./Button-Dkqk8lXH.cjs`),n=require(`./en-B0d-nlXX.cjs`),r=require(`./zh-cn-DsaoBOfv.cjs`);require(`./index2.cjs`);const i=require(`./ConfigProvider-lII820wO.cjs`),a=require(`./DatePicker-Bs1ylK57.cjs`),o=require(`./Dialog-CSSTtlWY.cjs`),s=require(`./Form-269B6UNo.cjs`),c=require(`./FormItem-DT2H_f3C.cjs`),l=require(`./Input-DuZALrON.cjs`),u=require(`./InputNumber-DPd4h9mJ.cjs`),d=require(`./Pagination-C6JSioze.cjs`),f=require(`./Select-DbiBYKYx.cjs`),p=require(`./Table-DpQglHP2.cjs`),m=require(`./TabPane-6xH7oG0B.cjs`),h=require(`./Tabs-BjfrK6HM.cjs`),g=require(`./Upload-DxAM_SRp.cjs`);var _=t=>{Object.entries(e.t).forEach(([e,n])=>{t.component(e,n)})},v=_;exports.XButton=t.t,exports.XButtonPopconfirm=e.n,exports.XConfigProvider=i.t,exports.XDatePicker=a.t,exports.XDialog=o.t,exports.XForm=s.t,exports.XFormItem=c.t,exports.XInput=l.t,exports.XInputNumber=u.t,exports.XPagination=d.t,exports.XSelect=f.t,exports.XTabPane=m.t,exports.XTable=p.t,exports.XTabs=h.t,exports.XUpload=g.t,exports.default=v,exports.en=n.t,exports.install=_,exports.zhCn=r.t;
|
|
2
2
|
//# sourceMappingURL=index.cjs.map
|
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
import { n as e } from "./components-
|
|
1
|
+
import { n as e } from "./components-CTV9E5y1.js";
|
|
2
2
|
import "./Button-BgxatYKq.js";
|
|
3
3
|
import "./en-BAY1fB2Q.js";
|
|
4
4
|
import "./zh-cn-UaM4b5St.js";
|
|
5
5
|
import "./ConfigProvider-BlRc251T.js";
|
|
6
|
-
import "./DatePicker-
|
|
7
|
-
import "./Dialog-
|
|
6
|
+
import "./DatePicker-DEQxQ4xR.js";
|
|
7
|
+
import "./Dialog-BKSJCB-R.js";
|
|
8
8
|
import "./Form-wBMmnwZj.js";
|
|
9
|
-
import "./FormItem
|
|
9
|
+
import "./FormItem-DFIl76qa.js";
|
|
10
10
|
import "./Input-JT0g3gkf.js";
|
|
11
11
|
import "./InputNumber-CFTLdulD.js";
|
|
12
12
|
import "./Pagination-CGeelxQR.js";
|
|
13
|
-
import "./Select-
|
|
13
|
+
import "./Select-DNpw-ydO.js";
|
|
14
14
|
import "./Table-Cm_Dki-c.js";
|
|
15
15
|
import "./TabPane-CzInYf67.js";
|
|
16
16
|
import "./Tabs-CKIkuQ81.js";
|
|
17
|
-
import "./Upload-
|
|
17
|
+
import "./Upload-BPg4xGOl.js";
|
|
18
18
|
export { e as default };
|
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
import { c as e, o as t } from "./constants-TVJ7auaC.js";
|
|
2
|
+
import { computed as n, createBlock as r, createVNode as i, defineComponent as a, inject as o, mergeModels as s, mergeProps as c, openBlock as l, unref as u, useAttrs as d, useModel as f, withCtx as p } from "vue";
|
|
3
|
+
import { ElConfigProvider as m, ElDatePicker as h, useLocale as g } from "element-plus";
|
|
4
|
+
//#endregion
|
|
5
|
+
//#region src/components/DatePicker.vue
|
|
6
|
+
var _ = /* @__PURE__ */ a({
|
|
7
|
+
__name: "DatePicker",
|
|
8
|
+
props: /* @__PURE__ */ s({
|
|
9
|
+
disabled: {
|
|
10
|
+
type: Boolean,
|
|
11
|
+
default: () => void 0
|
|
12
|
+
},
|
|
13
|
+
disabledDate: {},
|
|
14
|
+
endPlaceholder: {},
|
|
15
|
+
placeholder: {},
|
|
16
|
+
shortcuts: {},
|
|
17
|
+
startPlaceholder: {},
|
|
18
|
+
type: { default: "date" },
|
|
19
|
+
valueFormat: {}
|
|
20
|
+
}, {
|
|
21
|
+
modelValue: {},
|
|
22
|
+
modelModifiers: {},
|
|
23
|
+
start: {},
|
|
24
|
+
startModifiers: {},
|
|
25
|
+
end: {},
|
|
26
|
+
endModifiers: {}
|
|
27
|
+
}),
|
|
28
|
+
emits: /* @__PURE__ */ s(["blur", "focus"], [
|
|
29
|
+
"update:modelValue",
|
|
30
|
+
"update:start",
|
|
31
|
+
"update:end"
|
|
32
|
+
]),
|
|
33
|
+
setup(a) {
|
|
34
|
+
let s = d(), _ = f(a, "modelValue"), v = f(a, "start"), y = f(a, "end"), b = o(e), { t: x } = g(b), S = n({
|
|
35
|
+
get() {
|
|
36
|
+
return a.type.includes("range") && v.value && y.value ? [v.value, y.value] : a.type.includes("range") ? null : _.value;
|
|
37
|
+
},
|
|
38
|
+
set(e) {
|
|
39
|
+
a.type.includes("range") && Array.isArray(e) ? (v.value = e?.[0], y.value = e?.[1]) : _.value = e;
|
|
40
|
+
}
|
|
41
|
+
}), C = o(t, void 0);
|
|
42
|
+
if (C?.required) {
|
|
43
|
+
let { label: e, validator: t } = C;
|
|
44
|
+
C.validator = () => a.type.includes("range") && (!v.value || !y.value) ? `请选择${e}` : _.value ? t?.() : `请选择${e}`;
|
|
45
|
+
}
|
|
46
|
+
return (e, t) => (l(), r(u(m), { locale: u(b) }, {
|
|
47
|
+
default: p(() => [i(u(h), c({
|
|
48
|
+
disabled: a.disabled,
|
|
49
|
+
disabledDate: a.disabledDate,
|
|
50
|
+
type: a.type,
|
|
51
|
+
valueFormat: a.valueFormat,
|
|
52
|
+
placeholder: a.placeholder ?? u(x)("el.datepicker.placeholder"),
|
|
53
|
+
startPlaceholder: a.placeholder ?? u(x)("el.datepicker.startPlaceholder"),
|
|
54
|
+
endPlaceholder: a.placeholder ?? u(x)("el.datepicker.endPlaceholder"),
|
|
55
|
+
shortcuts: a.shortcuts,
|
|
56
|
+
...u(s)
|
|
57
|
+
}, {
|
|
58
|
+
modelValue: S.value,
|
|
59
|
+
"onUpdate:modelValue": t[0] ||= (e) => S.value = e,
|
|
60
|
+
onBlur: t[1] ||= (t) => e.$emit("blur", t),
|
|
61
|
+
onFocus: t[2] ||= (t) => e.$emit("focus", t)
|
|
62
|
+
}), null, 16, ["modelValue"])]),
|
|
63
|
+
_: 1
|
|
64
|
+
}, 8, ["locale"]));
|
|
65
|
+
}
|
|
66
|
+
});
|
|
67
|
+
//#endregion
|
|
68
|
+
export { _ as t };
|
|
69
|
+
|
|
70
|
+
//# sourceMappingURL=DatePicker-DEQxQ4xR.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DatePicker-DEQxQ4xR.js","names":["$emit"],"sources":["../../src/components/DatePicker.vue","../../src/components/DatePicker.vue"],"sourcesContent":["<script setup lang=\"tsx\" generic=\"V extends string\">\r\nimport type { DatePickerProps } from 'element-plus'\r\nimport { ElConfigProvider, ElDatePicker, useLocale } from 'element-plus'\r\nimport { computed, inject, useAttrs } from 'vue'\r\n\r\nimport { X_FORM_ITEM_VALIDATION, X_LOCALE_CONFIG } from '../constants'\r\n\r\nexport interface XDatePickerProps {\r\n disabled?: boolean\r\n disabledDate?: DatePickerProps['disabledDate']\r\n endPlaceholder?: DatePickerProps['endPlaceholder']\r\n placeholder?: DatePickerProps['placeholder']\r\n shortcuts?: DatePickerProps['shortcuts']\r\n startPlaceholder?: DatePickerProps['startPlaceholder']\r\n type?: DatePickerProps['type']\r\n valueFormat?: DatePickerProps['valueFormat']\r\n}\r\n\r\nconst { type = 'date', disabled = undefined } = defineProps<XDatePickerProps>()\r\n\r\ndefineEmits<{\r\n blur: [e: FocusEvent]\r\n focus: [e: FocusEvent]\r\n}>()\r\n\r\nconst attrs = useAttrs()\r\nconst model = defineModel<V>()\r\nconst start = defineModel<V>('start')\r\nconst end = defineModel<V>('end')\r\n\r\nconst locale = inject(X_LOCALE_CONFIG)\r\nconst { t } = useLocale(locale)\r\n\r\nconst modelValue = computed({\r\n get() {\r\n if (type.includes('range') && start.value && end.value) {\r\n return [start.value, end.value]\r\n }\r\n else if (!type.includes('range')) {\r\n return model.value\r\n }\r\n return null\r\n },\r\n set(value) {\r\n if (type.includes('range') && Array.isArray(value)) {\r\n start.value = value?.[0] as V\r\n end.value = value?.[1] as V\r\n }\r\n else {\r\n model.value = value as V\r\n }\r\n }\r\n})\r\n\r\nconst formItemValidation = inject(X_FORM_ITEM_VALIDATION, undefined)\r\nif (formItemValidation?.required) {\r\n const { label, validator } = formItemValidation\r\n formItemValidation.validator = () => {\r\n if (type.includes('range') && (!start.value || !end.value)) {\r\n return `请选择${label}`\r\n }\r\n else if (!model.value) {\r\n return `请选择${label}`\r\n }\r\n return validator?.()\r\n }\r\n}\r\n</script>\r\n\r\n<template>\r\n <ElConfigProvider :locale=\"locale\">\r\n <ElDatePicker\r\n v-bind=\"{\r\n disabled,\r\n disabledDate,\r\n type,\r\n valueFormat,\r\n placeholder: placeholder ?? t('el.datepicker.placeholder'),\r\n startPlaceholder: placeholder ?? t('el.datepicker.startPlaceholder'),\r\n endPlaceholder: placeholder ?? t('el.datepicker.endPlaceholder'),\r\n shortcuts,\r\n ...attrs,\r\n }\"\r\n v-model=\"modelValue\"\r\n @blur=\"$emit('blur', $event)\"\r\n @focus=\"$emit('focus', $event)\"\r\n />\r\n </ElConfigProvider>\r\n</template>\r\n","<script setup lang=\"tsx\" generic=\"V extends string\">\r\nimport type { DatePickerProps } from 'element-plus'\r\nimport { ElConfigProvider, ElDatePicker, useLocale } from 'element-plus'\r\nimport { computed, inject, useAttrs } from 'vue'\r\n\r\nimport { X_FORM_ITEM_VALIDATION, X_LOCALE_CONFIG } from '../constants'\r\n\r\nexport interface XDatePickerProps {\r\n disabled?: boolean\r\n disabledDate?: DatePickerProps['disabledDate']\r\n endPlaceholder?: DatePickerProps['endPlaceholder']\r\n placeholder?: DatePickerProps['placeholder']\r\n shortcuts?: DatePickerProps['shortcuts']\r\n startPlaceholder?: DatePickerProps['startPlaceholder']\r\n type?: DatePickerProps['type']\r\n valueFormat?: DatePickerProps['valueFormat']\r\n}\r\n\r\nconst { type = 'date', disabled = undefined } = defineProps<XDatePickerProps>()\r\n\r\ndefineEmits<{\r\n blur: [e: FocusEvent]\r\n focus: [e: FocusEvent]\r\n}>()\r\n\r\nconst attrs = useAttrs()\r\nconst model = defineModel<V>()\r\nconst start = defineModel<V>('start')\r\nconst end = defineModel<V>('end')\r\n\r\nconst locale = inject(X_LOCALE_CONFIG)\r\nconst { t } = useLocale(locale)\r\n\r\nconst modelValue = computed({\r\n get() {\r\n if (type.includes('range') && start.value && end.value) {\r\n return [start.value, end.value]\r\n }\r\n else if (!type.includes('range')) {\r\n return model.value\r\n }\r\n return null\r\n },\r\n set(value) {\r\n if (type.includes('range') && Array.isArray(value)) {\r\n start.value = value?.[0] as V\r\n end.value = value?.[1] as V\r\n }\r\n else {\r\n model.value = value as V\r\n }\r\n }\r\n})\r\n\r\nconst formItemValidation = inject(X_FORM_ITEM_VALIDATION, undefined)\r\nif (formItemValidation?.required) {\r\n const { label, validator } = formItemValidation\r\n formItemValidation.validator = () => {\r\n if (type.includes('range') && (!start.value || !end.value)) {\r\n return `请选择${label}`\r\n }\r\n else if (!model.value) {\r\n return `请选择${label}`\r\n }\r\n return validator?.()\r\n }\r\n}\r\n</script>\r\n\r\n<template>\r\n <ElConfigProvider :locale=\"locale\">\r\n <ElDatePicker\r\n v-bind=\"{\r\n disabled,\r\n disabledDate,\r\n type,\r\n valueFormat,\r\n placeholder: placeholder ?? t('el.datepicker.placeholder'),\r\n startPlaceholder: placeholder ?? t('el.datepicker.startPlaceholder'),\r\n endPlaceholder: placeholder ?? t('el.datepicker.endPlaceholder'),\r\n shortcuts,\r\n ...attrs,\r\n }\"\r\n v-model=\"modelValue\"\r\n @blur=\"$emit('blur', $event)\"\r\n @focus=\"$emit('focus', $event)\"\r\n />\r\n </ElConfigProvider>\r\n</template>\r\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ECyBA,IAAM,IAAQ,GAAU,EAClB,IAAQ,EAAc,GAAA,aAAE,EACxB,IAAQ,EAAc,GAAC,QAAQ,EAC/B,IAAM,EAAc,GAAC,MAAM,EAE3B,IAAS,EAAO,EAAgB,EAChC,EAAE,SAAM,EAAU,EAAO,EAEzB,IAAa,EAAS;GAC1B,MAAM;AAOJ,WANI,EAAA,KAAK,SAAS,QAAQ,IAAI,EAAM,SAAS,EAAI,QACxC,CAAC,EAAM,OAAO,EAAI,MAAM,GAEvB,EAAA,KAAK,SAAS,QAAQ,GAGzB,OAFE,EAAM;;GAIjB,IAAI,GAAO;AACT,IAAI,EAAA,KAAK,SAAS,QAAQ,IAAI,MAAM,QAAQ,EAAM,IAChD,EAAM,QAAQ,IAAQ,IACtB,EAAI,QAAQ,IAAQ,MAGpB,EAAM,QAAQ;;GAGnB,CAAC,EAEI,IAAqB,EAAO,GAAwB,KAAA,EAAU;AACpE,MAAI,GAAoB,UAAU;GAChC,IAAM,EAAE,UAAO,iBAAc;AAC7B,KAAmB,kBACb,EAAA,KAAK,SAAS,QAAQ,KAAK,CAAC,EAAM,SAAS,CAAC,EAAI,SAC3C,MAAM,MAEL,EAAM,QAGT,KAAa,GAFX,MAAM;;yBAQjB,EAiBmB,EAAA,EAAA,EAAA,EAjBA,QAAQ,EAAA,EAAA,EAAM,EAAA;oBAgB7B,CAfF,EAeE,EAAA,EAAA,EAfF,EAeE;cAdmB,EAAA;kBAAmB,EAAA;UAAuB,EAAA;iBAAe,EAAA;iBAAmC,EAAA,eAAe,EAAA,EAAC,CAAA,4BAAA;sBAA0D,EAAA,eAAe,EAAA,EAAC,CAAA,iCAAA;oBAA6D,EAAA,eAAe,EAAA,EAAC,CAAA,+BAAA;eAA2C,EAAA;OAAuB,EAAA,EAAA;;gBAW/U,EAAA;2CAAA,EAAU,QAAA;IAClB,QAAI,AAAA,EAAA,QAAA,MAAEA,EAAAA,MAAK,QAAS,EAAM;IAC1B,SAAK,AAAA,EAAA,QAAA,MAAEA,EAAAA,MAAK,SAAU,EAAM"}
|
package/dist/es/DatePicker.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "./DatePicker-
|
|
1
|
+
import { t as e } from "./DatePicker-DEQxQ4xR.js";
|
|
2
2
|
export { e as default };
|
|
@@ -7,13 +7,22 @@ var d = /* @__PURE__ */ n({
|
|
|
7
7
|
props: /* @__PURE__ */ r({
|
|
8
8
|
bodyClass: {},
|
|
9
9
|
width: {},
|
|
10
|
-
showClose: {
|
|
10
|
+
showClose: {
|
|
11
|
+
type: Boolean,
|
|
12
|
+
default: () => void 0
|
|
13
|
+
},
|
|
11
14
|
title: {},
|
|
12
15
|
center: { type: Boolean },
|
|
13
16
|
alignCenter: { type: Boolean },
|
|
14
17
|
draggable: { type: Boolean },
|
|
15
|
-
closeOnClickModal: {
|
|
16
|
-
|
|
18
|
+
closeOnClickModal: {
|
|
19
|
+
type: Boolean,
|
|
20
|
+
default: () => void 0
|
|
21
|
+
},
|
|
22
|
+
closeOnPressEscape: {
|
|
23
|
+
type: Boolean,
|
|
24
|
+
default: () => void 0
|
|
25
|
+
}
|
|
17
26
|
}, {
|
|
18
27
|
modelValue: { type: Boolean },
|
|
19
28
|
modelModifiers: {}
|
|
@@ -51,4 +60,4 @@ var d = /* @__PURE__ */ n({
|
|
|
51
60
|
//#endregion
|
|
52
61
|
export { d as t };
|
|
53
62
|
|
|
54
|
-
//# sourceMappingURL=Dialog-
|
|
63
|
+
//# sourceMappingURL=Dialog-BKSJCB-R.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Dialog-BKSJCB-R.js","names":["$slots"],"sources":["../../src/components/Dialog.vue","../../src/components/Dialog.vue"],"sourcesContent":["<script setup lang=\"tsx\">\r\nimport type { DialogProps } from 'element-plus'\r\n\r\nimport type { VNodeChild } from 'vue'\r\nimport { ElDialog } from 'element-plus'\r\n\r\nexport interface XDialogProps {\r\n bodyClass?: DialogProps['bodyClass']\r\n width?: DialogProps['width']\r\n showClose?: DialogProps['showClose']\r\n title?: DialogProps['title']\r\n center?: DialogProps['center']\r\n alignCenter?: DialogProps['alignCenter']\r\n draggable?: DialogProps['draggable']\r\n closeOnClickModal?: DialogProps['closeOnClickModal']\r\n closeOnPressEscape?: DialogProps['closeOnPressEscape']\r\n}\r\n\r\nconst {\r\n showClose = undefined,\r\n closeOnClickModal = undefined,\r\n closeOnPressEscape = undefined\r\n} = defineProps<XDialogProps>()\r\ndefineSlots<{\r\n default?: () => VNodeChild\r\n header?: () => VNodeChild\r\n footer?: () => VNodeChild\r\n}>()\r\nconst visible = defineModel<boolean>()\r\n</script>\r\n\r\n<template>\r\n <ElDialog\r\n v-model=\"visible\"\r\n v-bind=\"{\r\n bodyClass,\r\n width,\r\n showClose,\r\n title,\r\n center,\r\n alignCenter,\r\n draggable,\r\n closeOnClickModal,\r\n closeOnPressEscape,\r\n }\"\r\n >\r\n <template v-if=\"'header' in $slots\" #header>\r\n <slot name=\"header\"></slot>\r\n </template>\r\n <slot></slot>\r\n <template v-if=\"'footer' in $slots\" #footer>\r\n <slot name=\"footer\"></slot>\r\n </template>\r\n </ElDialog>\r\n</template>\r\n","<script setup lang=\"tsx\">\r\nimport type { DialogProps } from 'element-plus'\r\n\r\nimport type { VNodeChild } from 'vue'\r\nimport { ElDialog } from 'element-plus'\r\n\r\nexport interface XDialogProps {\r\n bodyClass?: DialogProps['bodyClass']\r\n width?: DialogProps['width']\r\n showClose?: DialogProps['showClose']\r\n title?: DialogProps['title']\r\n center?: DialogProps['center']\r\n alignCenter?: DialogProps['alignCenter']\r\n draggable?: DialogProps['draggable']\r\n closeOnClickModal?: DialogProps['closeOnClickModal']\r\n closeOnPressEscape?: DialogProps['closeOnPressEscape']\r\n}\r\n\r\nconst {\r\n showClose = undefined,\r\n closeOnClickModal = undefined,\r\n closeOnPressEscape = undefined\r\n} = defineProps<XDialogProps>()\r\ndefineSlots<{\r\n default?: () => VNodeChild\r\n header?: () => VNodeChild\r\n footer?: () => VNodeChild\r\n}>()\r\nconst visible = defineModel<boolean>()\r\n</script>\r\n\r\n<template>\r\n <ElDialog\r\n v-model=\"visible\"\r\n v-bind=\"{\r\n bodyClass,\r\n width,\r\n showClose,\r\n title,\r\n center,\r\n alignCenter,\r\n draggable,\r\n closeOnClickModal,\r\n closeOnPressEscape,\r\n }\"\r\n >\r\n <template v-if=\"'header' in $slots\" #header>\r\n <slot name=\"header\"></slot>\r\n </template>\r\n <slot></slot>\r\n <template v-if=\"'footer' in $slots\" #footer>\r\n <slot name=\"footer\"></slot>\r\n </template>\r\n </ElDialog>\r\n</template>\r\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EC4BA,IAAM,IAAU,EAAoB,GAAA,aAAE;yBAIpC,EAqBW,EAAA,EAAA,EArBX,EAqBW;eApBA,EAAA;0CAAA,EAAO,QAAA;;cACC,EAAA;UAAkB,EAAA;cAAc,EAAA;UAAkB,EAAA;WAAc,EAAA;gBAAe,EAAA;cAAoB,EAAA;sBAAkB,EAAA;uBAA0B,EAAA;;oBAenJ,CAAb,EAAa,EAAA,QAAA,UAAA,CAAA,CAAA;;kBAHeA,EAAAA,SAAAA;SAAS;eACR,CAA3B,EAA2B,EAAA,QAAA,SAAA,CAAA,CAAA;;0BAGDA,EAAAA,SAAAA;SAAS;eACR,CAA3B,EAA2B,EAAA,QAAA,SAAA,CAAA,CAAA"}
|
package/dist/es/Dialog.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "./Dialog-
|
|
1
|
+
import { t as e } from "./Dialog-BKSJCB-R.js";
|
|
2
2
|
export { e as default };
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import { a as e, i as t, l as n, o as r, s as i, u as a } from "./constants-TVJ7auaC.js";
|
|
2
|
+
import { createBlock as o, createVNode as s, defineComponent as c, inject as l, openBlock as u, provide as d, ref as f, unref as p, withCtx as m } from "vue";
|
|
3
|
+
import { ElFormItem as h } from "element-plus";
|
|
4
|
+
//#endregion
|
|
5
|
+
//#region src/components/FormItem.vue
|
|
6
|
+
var g = /* @__PURE__ */ c({
|
|
7
|
+
__name: "FormItem",
|
|
8
|
+
props: {
|
|
9
|
+
content: { type: Function },
|
|
10
|
+
label: {},
|
|
11
|
+
required: { type: Boolean },
|
|
12
|
+
validator: { type: Function }
|
|
13
|
+
},
|
|
14
|
+
setup(c) {
|
|
15
|
+
let g = l(i, void 0), _ = l(t, void 0), v = l(e, void 0), y = l(a, void 0), b = l(n, void 0), x = f(), S = {
|
|
16
|
+
clearValidate: () => x.value = void 0,
|
|
17
|
+
label: c.label,
|
|
18
|
+
required: c.required,
|
|
19
|
+
validator: c.validator,
|
|
20
|
+
validate: () => (x.value = S.validator?.() ?? void 0, x.value && _ && v && y && b?.trigger(y), !x.value)
|
|
21
|
+
};
|
|
22
|
+
g?.push(S), d(r, S);
|
|
23
|
+
let C = () => c.content?.();
|
|
24
|
+
return (e, t) => (u(), o(p(h), {
|
|
25
|
+
label: c.label,
|
|
26
|
+
required: c.required,
|
|
27
|
+
error: x.value
|
|
28
|
+
}, {
|
|
29
|
+
default: m(() => [s(C)]),
|
|
30
|
+
_: 1
|
|
31
|
+
}, 8, [
|
|
32
|
+
"label",
|
|
33
|
+
"required",
|
|
34
|
+
"error"
|
|
35
|
+
]));
|
|
36
|
+
}
|
|
37
|
+
});
|
|
38
|
+
//#endregion
|
|
39
|
+
export { g as t };
|
|
40
|
+
|
|
41
|
+
//# sourceMappingURL=FormItem-DFIl76qa.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FormItem-DFIl76qa.js","names":[],"sources":["../../src/components/FormItem.vue","../../src/components/FormItem.vue"],"sourcesContent":["<script setup lang=\"tsx\" generic=\"D extends object\">\r\nimport type { VNodeChild } from 'vue'\r\nimport { ElFormItem } from 'element-plus'\r\nimport { inject, provide, ref } from 'vue'\r\nimport { X_ELEMENT_IN_TAB_PANE, X_ELEMENT_IN_TABS, X_FORM_ITEM_VALIDATION, X_FORM_VALIDATIONS, X_TAB_PANE_NAME, X_TABS_MODEL_UPDATE_HOOK } from '../constants'\r\n\r\nexport interface XFormItemProps {\r\n content?: () => VNodeChild\r\n label?: string\r\n required?: boolean\r\n validator?: () => string | void\r\n}\r\n\r\nexport interface XFormItemValidation {\r\n clearValidate: () => void\r\n label?: string\r\n required?: boolean\r\n validate: () => boolean\r\n validator?: () => string | void\r\n}\r\n\r\nconst { content, label, required, validator } = defineProps<XFormItemProps>()\r\n\r\ndefineSlots<{\r\n default: () => VNodeChild\r\n label: () => VNodeChild\r\n}>()\r\n\r\nconst validations = inject(X_FORM_VALIDATIONS, undefined)\r\nconst inTabs = inject(X_ELEMENT_IN_TABS, undefined)\r\nconst inTabPane = inject(X_ELEMENT_IN_TAB_PANE, undefined)\r\nconst tabPaneName = inject(X_TAB_PANE_NAME, undefined)\r\nconst tabsUpdateModelHook = inject(X_TABS_MODEL_UPDATE_HOOK, undefined)\r\n\r\nconst error = ref<string | undefined>()\r\n\r\nconst validation: XFormItemValidation = {\r\n clearValidate: () => error.value = undefined,\r\n label,\r\n required,\r\n validator,\r\n validate: () => {\r\n error.value = validation.validator?.() ?? undefined\r\n\r\n if (error.value && inTabs && inTabPane && tabPaneName) {\r\n tabsUpdateModelHook?.trigger(tabPaneName)\r\n }\r\n\r\n return !error.value\r\n }\r\n}\r\nvalidations?.push(validation)\r\nprovide(X_FORM_ITEM_VALIDATION, validation)\r\n\r\nconst Content = () => content?.()\r\n</script>\r\n\r\n<template>\r\n <ElFormItem :label=\"label\" :required=\"required\" :error=\"error\">\r\n <Content />\r\n </ElFormItem>\r\n</template>\r\n","<script setup lang=\"tsx\" generic=\"D extends object\">\r\nimport type { VNodeChild } from 'vue'\r\nimport { ElFormItem } from 'element-plus'\r\nimport { inject, provide, ref } from 'vue'\r\nimport { X_ELEMENT_IN_TAB_PANE, X_ELEMENT_IN_TABS, X_FORM_ITEM_VALIDATION, X_FORM_VALIDATIONS, X_TAB_PANE_NAME, X_TABS_MODEL_UPDATE_HOOK } from '../constants'\r\n\r\nexport interface XFormItemProps {\r\n content?: () => VNodeChild\r\n label?: string\r\n required?: boolean\r\n validator?: () => string | void\r\n}\r\n\r\nexport interface XFormItemValidation {\r\n clearValidate: () => void\r\n label?: string\r\n required?: boolean\r\n validate: () => boolean\r\n validator?: () => string | void\r\n}\r\n\r\nconst { content, label, required, validator } = defineProps<XFormItemProps>()\r\n\r\ndefineSlots<{\r\n default: () => VNodeChild\r\n label: () => VNodeChild\r\n}>()\r\n\r\nconst validations = inject(X_FORM_VALIDATIONS, undefined)\r\nconst inTabs = inject(X_ELEMENT_IN_TABS, undefined)\r\nconst inTabPane = inject(X_ELEMENT_IN_TAB_PANE, undefined)\r\nconst tabPaneName = inject(X_TAB_PANE_NAME, undefined)\r\nconst tabsUpdateModelHook = inject(X_TABS_MODEL_UPDATE_HOOK, undefined)\r\n\r\nconst error = ref<string | undefined>()\r\n\r\nconst validation: XFormItemValidation = {\r\n clearValidate: () => error.value = undefined,\r\n label,\r\n required,\r\n validator,\r\n validate: () => {\r\n error.value = validation.validator?.() ?? undefined\r\n\r\n if (error.value && inTabs && inTabPane && tabPaneName) {\r\n tabsUpdateModelHook?.trigger(tabPaneName)\r\n }\r\n\r\n return !error.value\r\n }\r\n}\r\nvalidations?.push(validation)\r\nprovide(X_FORM_ITEM_VALIDATION, validation)\r\n\r\nconst Content = () => content?.()\r\n</script>\r\n\r\n<template>\r\n <ElFormItem :label=\"label\" :required=\"required\" :error=\"error\">\r\n <Content />\r\n </ElFormItem>\r\n</template>\r\n"],"mappings":";;;;;;;;;;;;;;EC4BA,IAAM,IAAc,EAAO,GAAoB,KAAA,EAAU,EACnD,IAAS,EAAO,GAAmB,KAAA,EAAU,EAC7C,IAAY,EAAO,GAAuB,KAAA,EAAU,EACpD,IAAc,EAAO,GAAiB,KAAA,EAAU,EAChD,IAAsB,EAAO,GAA0B,KAAA,EAAU,EAEjE,IAAQ,GAAyB,EAEjC,IAAkC;GACtC,qBAAqB,EAAM,QAAQ,KAAA;GACnC,OAAI,EAAA;GACJ,UAAO,EAAA;GACP,WAAQ,EAAA;GACR,iBACE,EAAM,QAAQ,EAAW,aAAa,IAAI,KAAA,GAEtC,EAAM,SAAS,KAAU,KAAa,KACxC,GAAqB,QAAQ,EAAY,EAGpC,CAAC,EAAM;GAEjB;AAED,EADA,GAAa,KAAK,EAAW,EAC7B,EAAQ,GAAwB,EAAW;EAE3C,IAAM,UAAgB,EAAA,WAAW;yBAI/B,EAEa,EAAA,EAAA,EAAA;GAFA,OAAO,EAAA;GAAQ,UAAU,EAAA;GAAW,OAAO,EAAA;;oBAC3C,CAAX,EAAW,EAAA,CAAA,CAAA"}
|
package/dist/es/FormItem.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "./FormItem
|
|
1
|
+
import { t as e } from "./FormItem-DFIl76qa.js";
|
|
2
2
|
export { e as default };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input-JT0g3gkf.js","names":["$slots"],"sources":["../../src/components/Input.vue","../../src/components/Input.vue"],"sourcesContent":["<script setup lang=\"tsx\" generic=\"MV extends string | number\">\r\nimport type { InputProps } from 'element-plus'\r\nimport type { VNode } from 'vue'\r\nimport { ElInput, useLocale } from 'element-plus'\r\nimport { inject } from 'vue'\r\n\r\nimport { X_FORM_ITEM_VALIDATION, X_LOCALE_CONFIG } from '../constants'\r\n\r\nexport interface XInputProps {\r\n clearable?: InputProps['clearable']\r\n disabled?: InputProps['disabled']\r\n size?: InputProps['size']\r\n type?: InputProps['type']\r\n showPassword?: InputProps['showPassword']\r\n autocomplete?: InputProps['autocomplete']\r\n autosize?: InputProps['autosize']\r\n placeholder?: InputProps['placeholder']\r\n prefixIcon?: InputProps['prefixIcon']\r\n suffixIcon?: InputProps['suffixIcon']\r\n}\r\n\r\nconst { disabled = undefined } = defineProps<XInputProps>()\r\nconst emit = defineEmits<{\r\n blur: [e: FocusEvent]\r\n focus: [e: FocusEvent]\r\n change: [e: MV]\r\n}>()\r\ndefineSlots<{\r\n append: () => VNode\r\n prefix: () => VNode\r\n prepend: () => VNode\r\n suffix: () => VNode\r\n}>()\r\nconst model = defineModel<MV>()\r\n\r\n// const inTable = inject(X_ELEMENT_IN_TABLE, false)\r\n// const inTableColumn = inject(X_ELEMENT_IN_TABLE_COLUMN, false)\r\n\r\nconst locale = inject(X_LOCALE_CONFIG)\r\nconst { t } = useLocale(locale)\r\n\r\nconst formItemValidation = inject(X_FORM_ITEM_VALIDATION, undefined)\r\nif (formItemValidation?.required) {\r\n const { label, validator } = formItemValidation\r\n formItemValidation.validator = () => {\r\n if (!model.value) {\r\n return `请输入${label}`\r\n }\r\n return validator?.()\r\n }\r\n}\r\n\r\nconst blur = (e: FocusEvent) => {\r\n formItemValidation?.validate?.()\r\n emit('blur', e)\r\n}\r\nconst focus = (e: FocusEvent) => {\r\n emit('focus', e)\r\n}\r\nconst change = (value: string) => {\r\n emit('change', value as MV)\r\n}\r\n</script>\r\n\r\n<template>\r\n <ElInput\r\n v-bind=\"{\r\n disabled,\r\n type,\r\n size,\r\n clearable,\r\n showPassword,\r\n autocomplete,\r\n autosize,\r\n placeholder: placeholder ?? t('el.input.placeholder'),\r\n }\"\r\n v-model=\"model\"\r\n @blur=\"blur\"\r\n @focus=\"focus\"\r\n @change=\"change\"\r\n >\r\n <template v-if=\"'append' in $slots\" #append>\r\n <slot name=\"append\" />\r\n </template>\r\n <template v-if=\"'prepend' in $slots\" #prepend>\r\n <slot name=\"prepend\" />\r\n </template>\r\n <template v-if=\"'prefix' in $slots\" #prefix>\r\n <slot name=\"prefix\" />\r\n </template>\r\n <template v-if=\"'suffix' in $slots\" #suffix>\r\n <slot name=\"suffix\" />\r\n </template>\r\n </ElInput>\r\n</template>\r\n","<script setup lang=\"tsx\" generic=\"MV extends string | number\">\r\nimport type { InputProps } from 'element-plus'\r\nimport type { VNode } from 'vue'\r\nimport { ElInput, useLocale } from 'element-plus'\r\nimport { inject } from 'vue'\r\n\r\nimport { X_FORM_ITEM_VALIDATION, X_LOCALE_CONFIG } from '../constants'\r\n\r\nexport interface XInputProps {\r\n clearable?: InputProps['clearable']\r\n disabled?: InputProps['disabled']\r\n size?: InputProps['size']\r\n type?: InputProps['type']\r\n showPassword?: InputProps['showPassword']\r\n autocomplete?: InputProps['autocomplete']\r\n autosize?: InputProps['autosize']\r\n placeholder?: InputProps['placeholder']\r\n prefixIcon?: InputProps['prefixIcon']\r\n suffixIcon?: InputProps['suffixIcon']\r\n}\r\n\r\nconst { disabled = undefined } = defineProps<XInputProps>()\r\nconst emit = defineEmits<{\r\n blur: [e: FocusEvent]\r\n focus: [e: FocusEvent]\r\n change: [e: MV]\r\n}>()\r\ndefineSlots<{\r\n append: () => VNode\r\n prefix: () => VNode\r\n prepend: () => VNode\r\n suffix: () => VNode\r\n}>()\r\nconst model = defineModel<MV>()\r\n\r\n// const inTable = inject(X_ELEMENT_IN_TABLE, false)\r\n// const inTableColumn = inject(X_ELEMENT_IN_TABLE_COLUMN, false)\r\n\r\nconst locale = inject(X_LOCALE_CONFIG)\r\nconst { t } = useLocale(locale)\r\n\r\nconst formItemValidation = inject(X_FORM_ITEM_VALIDATION, undefined)\r\nif (formItemValidation?.required) {\r\n const { label, validator } = formItemValidation\r\n formItemValidation.validator = () => {\r\n if (!model.value) {\r\n return `请输入${label}`\r\n }\r\n return validator?.()\r\n }\r\n}\r\n\r\nconst blur = (e: FocusEvent) => {\r\n formItemValidation?.validate?.()\r\n emit('blur', e)\r\n}\r\nconst focus = (e: FocusEvent) => {\r\n emit('focus', e)\r\n}\r\nconst change = (value: string) => {\r\n emit('change', value as MV)\r\n}\r\n</script>\r\n\r\n<template>\r\n <ElInput\r\n v-bind=\"{\r\n disabled,\r\n type,\r\n size,\r\n clearable,\r\n showPassword,\r\n autocomplete,\r\n autosize,\r\n placeholder: placeholder ?? t('el.input.placeholder'),\r\n }\"\r\n v-model=\"model\"\r\n @blur=\"blur\"\r\n @focus=\"focus\"\r\n @change=\"change\"\r\n >\r\n <template v-if=\"'append' in $slots\" #append>\r\n <slot name=\"append\" />\r\n </template>\r\n <template v-if=\"'prepend' in $slots\" #prepend>\r\n <slot name=\"prepend\" />\r\n </template>\r\n <template v-if=\"'prefix' in $slots\" #prefix>\r\n <slot name=\"prefix\" />\r\n </template>\r\n <template v-if=\"'suffix' in $slots\" #suffix>\r\n <slot name=\"suffix\" />\r\n </template>\r\n </ElInput>\r\n</template>\r\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ECsBA,IAAM,IAAO,GAWP,IAAQ,EAAe,GAAA,aAAE,EAMzB,EAAE,SAAM,EADC,EAAO,EAAgB,CACP,EAEzB,IAAqB,EAAO,GAAwB,KAAA,EAAU;
|
|
1
|
+
{"version":3,"file":"Input-JT0g3gkf.js","names":["$slots"],"sources":["../../src/components/Input.vue","../../src/components/Input.vue"],"sourcesContent":["<script setup lang=\"tsx\" generic=\"MV extends string | number\">\r\nimport type { InputProps } from 'element-plus'\r\nimport type { VNode } from 'vue'\r\nimport { ElInput, useLocale } from 'element-plus'\r\nimport { inject } from 'vue'\r\n\r\nimport { X_FORM_ITEM_VALIDATION, X_LOCALE_CONFIG } from '../constants'\r\n\r\nexport interface XInputProps {\r\n clearable?: InputProps['clearable']\r\n disabled?: InputProps['disabled']\r\n size?: InputProps['size']\r\n type?: InputProps['type']\r\n showPassword?: InputProps['showPassword']\r\n autocomplete?: InputProps['autocomplete']\r\n autosize?: InputProps['autosize']\r\n placeholder?: InputProps['placeholder']\r\n prefixIcon?: InputProps['prefixIcon']\r\n suffixIcon?: InputProps['suffixIcon']\r\n}\r\n\r\nconst { disabled = undefined } = defineProps<XInputProps>()\r\nconst emit = defineEmits<{\r\n blur: [e: FocusEvent]\r\n focus: [e: FocusEvent]\r\n change: [e: MV]\r\n}>()\r\ndefineSlots<{\r\n append: () => VNode\r\n prefix: () => VNode\r\n prepend: () => VNode\r\n suffix: () => VNode\r\n}>()\r\nconst model = defineModel<MV>()\r\n\r\n// const inTable = inject(X_ELEMENT_IN_TABLE, false)\r\n// const inTableColumn = inject(X_ELEMENT_IN_TABLE_COLUMN, false)\r\n\r\nconst locale = inject(X_LOCALE_CONFIG)\r\nconst { t } = useLocale(locale)\r\n\r\nconst formItemValidation = inject(X_FORM_ITEM_VALIDATION, undefined)\r\n\r\nif (formItemValidation?.required) {\r\n const { label, validator } = formItemValidation\r\n formItemValidation.validator = () => {\r\n if (!model.value) {\r\n return `请输入${label}`\r\n }\r\n return validator?.()\r\n }\r\n}\r\n\r\nconst blur = (e: FocusEvent) => {\r\n formItemValidation?.validate?.()\r\n emit('blur', e)\r\n}\r\nconst focus = (e: FocusEvent) => {\r\n emit('focus', e)\r\n}\r\nconst change = (value: string) => {\r\n emit('change', value as MV)\r\n}\r\n</script>\r\n\r\n<template>\r\n <ElInput\r\n v-bind=\"{\r\n disabled,\r\n type,\r\n size,\r\n clearable,\r\n showPassword,\r\n autocomplete,\r\n autosize,\r\n placeholder: placeholder ?? t('el.input.placeholder'),\r\n }\"\r\n v-model=\"model\"\r\n @blur=\"blur\"\r\n @focus=\"focus\"\r\n @change=\"change\"\r\n >\r\n <template v-if=\"'append' in $slots\" #append>\r\n <slot name=\"append\" />\r\n </template>\r\n <template v-if=\"'prepend' in $slots\" #prepend>\r\n <slot name=\"prepend\" />\r\n </template>\r\n <template v-if=\"'prefix' in $slots\" #prefix>\r\n <slot name=\"prefix\" />\r\n </template>\r\n <template v-if=\"'suffix' in $slots\" #suffix>\r\n <slot name=\"suffix\" />\r\n </template>\r\n </ElInput>\r\n</template>\r\n","<script setup lang=\"tsx\" generic=\"MV extends string | number\">\r\nimport type { InputProps } from 'element-plus'\r\nimport type { VNode } from 'vue'\r\nimport { ElInput, useLocale } from 'element-plus'\r\nimport { inject } from 'vue'\r\n\r\nimport { X_FORM_ITEM_VALIDATION, X_LOCALE_CONFIG } from '../constants'\r\n\r\nexport interface XInputProps {\r\n clearable?: InputProps['clearable']\r\n disabled?: InputProps['disabled']\r\n size?: InputProps['size']\r\n type?: InputProps['type']\r\n showPassword?: InputProps['showPassword']\r\n autocomplete?: InputProps['autocomplete']\r\n autosize?: InputProps['autosize']\r\n placeholder?: InputProps['placeholder']\r\n prefixIcon?: InputProps['prefixIcon']\r\n suffixIcon?: InputProps['suffixIcon']\r\n}\r\n\r\nconst { disabled = undefined } = defineProps<XInputProps>()\r\nconst emit = defineEmits<{\r\n blur: [e: FocusEvent]\r\n focus: [e: FocusEvent]\r\n change: [e: MV]\r\n}>()\r\ndefineSlots<{\r\n append: () => VNode\r\n prefix: () => VNode\r\n prepend: () => VNode\r\n suffix: () => VNode\r\n}>()\r\nconst model = defineModel<MV>()\r\n\r\n// const inTable = inject(X_ELEMENT_IN_TABLE, false)\r\n// const inTableColumn = inject(X_ELEMENT_IN_TABLE_COLUMN, false)\r\n\r\nconst locale = inject(X_LOCALE_CONFIG)\r\nconst { t } = useLocale(locale)\r\n\r\nconst formItemValidation = inject(X_FORM_ITEM_VALIDATION, undefined)\r\n\r\nif (formItemValidation?.required) {\r\n const { label, validator } = formItemValidation\r\n formItemValidation.validator = () => {\r\n if (!model.value) {\r\n return `请输入${label}`\r\n }\r\n return validator?.()\r\n }\r\n}\r\n\r\nconst blur = (e: FocusEvent) => {\r\n formItemValidation?.validate?.()\r\n emit('blur', e)\r\n}\r\nconst focus = (e: FocusEvent) => {\r\n emit('focus', e)\r\n}\r\nconst change = (value: string) => {\r\n emit('change', value as MV)\r\n}\r\n</script>\r\n\r\n<template>\r\n <ElInput\r\n v-bind=\"{\r\n disabled,\r\n type,\r\n size,\r\n clearable,\r\n showPassword,\r\n autocomplete,\r\n autosize,\r\n placeholder: placeholder ?? t('el.input.placeholder'),\r\n }\"\r\n v-model=\"model\"\r\n @blur=\"blur\"\r\n @focus=\"focus\"\r\n @change=\"change\"\r\n >\r\n <template v-if=\"'append' in $slots\" #append>\r\n <slot name=\"append\" />\r\n </template>\r\n <template v-if=\"'prepend' in $slots\" #prepend>\r\n <slot name=\"prepend\" />\r\n </template>\r\n <template v-if=\"'prefix' in $slots\" #prefix>\r\n <slot name=\"prefix\" />\r\n </template>\r\n <template v-if=\"'suffix' in $slots\" #suffix>\r\n <slot name=\"suffix\" />\r\n </template>\r\n </ElInput>\r\n</template>\r\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ECsBA,IAAM,IAAO,GAWP,IAAQ,EAAe,GAAA,aAAE,EAMzB,EAAE,SAAM,EADC,EAAO,EAAgB,CACP,EAEzB,IAAqB,EAAO,GAAwB,KAAA,EAAU;AAEpE,MAAI,GAAoB,UAAU;GAChC,IAAM,EAAE,UAAO,iBAAc;AAC7B,KAAmB,kBACZ,EAAM,QAGJ,KAAa,GAFX,MAAM;;EAMnB,IAAM,KAAQ,MAAkB;AAE9B,GADA,GAAoB,YAAY,EAChC,EAAK,QAAQ,EAAE;KAEX,KAAS,MAAkB;AAC/B,KAAK,SAAS,EAAE;KAEZ,KAAU,MAAkB;AAChC,KAAK,UAAU,EAAY;;yBAK3B,EA4BU,EAAA,EAAA,EA5BV,EA4BU;aA3BS,EAAA;SAAiB,EAAA;SAAa,EAAA;cAAa,EAAA;iBAAkB,EAAA;iBAAqB,EAAA;aAAqB,EAAA;gBAA8B,EAAA,eAAe,EAAA,EAAC,CAAA,uBAAA;;eAU7J,EAAA;0CAAA,EAAK,QAAA;GACb,QAAM;GACN,SAAO;GACP,UAAQ;;eAEmBA,EAAAA,SAAAA;UAAS;gBACb,CAAtB,EAAsB,EAAA,QAAA,SAAA,CAAA,CAAA;;;gBAEKA,EAAAA,SAAAA;UAAS;gBACb,CAAvB,EAAuB,EAAA,QAAA,UAAA,CAAA,CAAA;;;eAEGA,EAAAA,SAAAA;UAAS;gBACb,CAAtB,EAAsB,EAAA,QAAA,SAAA,CAAA,CAAA;;;eAEIA,EAAAA,SAAAA;UAAS;gBACb,CAAtB,EAAsB,EAAA,QAAA,SAAA,CAAA,CAAA"}
|
|
@@ -8,6 +8,7 @@ var C = /* @__PURE__ */ c({
|
|
|
8
8
|
__name: "Select",
|
|
9
9
|
props: /* @__PURE__ */ u({
|
|
10
10
|
collapseTagsTooltip: { type: Boolean },
|
|
11
|
+
defaultFirstOption: { type: Boolean },
|
|
11
12
|
clearable: { type: Boolean },
|
|
12
13
|
allowCreate: { type: Boolean },
|
|
13
14
|
collapseTags: { type: Boolean },
|
|
@@ -80,7 +81,8 @@ var C = /* @__PURE__ */ c({
|
|
|
80
81
|
loading: c.loading,
|
|
81
82
|
size: c.size,
|
|
82
83
|
collapseTags: c.collapseTags,
|
|
83
|
-
collapseTagsTooltip: c.collapseTagsTooltip
|
|
84
|
+
collapseTagsTooltip: c.collapseTagsTooltip,
|
|
85
|
+
defaultFirstOption: c.defaultFirstOption || c.allowCreate
|
|
84
86
|
}, {
|
|
85
87
|
modelValue: N.value,
|
|
86
88
|
"onUpdate:modelValue": t[0] ||= (e) => N.value = e,
|
|
@@ -107,4 +109,4 @@ var C = /* @__PURE__ */ c({
|
|
|
107
109
|
//#endregion
|
|
108
110
|
export { C as t };
|
|
109
111
|
|
|
110
|
-
//# sourceMappingURL=Select-
|
|
112
|
+
//# sourceMappingURL=Select-DNpw-ydO.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Select-DNpw-ydO.js","names":[],"sources":["../../src/components/Select.vue","../../src/components/Select.vue"],"sourcesContent":["<script setup lang=\"tsx\" generic=\"D, V, MV extends V | V[]\">\r\nimport type { SelectProps } from 'element-plus'\r\nimport type { Ref } from 'vue'\r\n\r\nimport { useArrayMap } from '@vueuse/core'\r\nimport { ElOption, ElSelect, useLocale } from 'element-plus'\r\nimport { computed, inject, ref, watch } from 'vue'\r\n\r\nimport { X_FORM_ITEM_VALIDATION, X_LOCALE_CONFIG } from '../constants'\r\n\r\nexport interface XSelectOptionProps<V> {\r\n disabled?: boolean\r\n label?: number | string\r\n value: V\r\n}\r\n\r\nexport interface XSelectProps<D, V> {\r\n collapseTagsTooltip?: SelectProps['collapseTagsTooltip']\r\n defaultFirstOption?: SelectProps['defaultFirstOption']\r\n clearable?: SelectProps['clearable']\r\n allowCreate?: SelectProps['allowCreate']\r\n collapseTags?: SelectProps['collapseTags']\r\n data?: D[]\r\n disabled?: SelectProps['disabled']\r\n factory: (option: D) => XSelectOptionProps<V>\r\n\r\n filterable?: SelectProps['filterable']\r\n identify?: (value: V) => number | string\r\n loading?: SelectProps['loading']\r\n multiple?: SelectProps['multiple']\r\n remote?: SelectProps['remote']\r\n\r\n remoteMethod?: (query: string) => void\r\n size?: SelectProps['size']\r\n\r\n supplement?: (lacks: V[]) => D[] | PromiseLike<D[]>\r\n placeholder?: SelectProps['placeholder']\r\n noDataText?: SelectProps['noDataText']\r\n}\r\n\r\nconst {\r\n allowCreate,\r\n data,\r\n disabled = undefined,\r\n factory,\r\n identify,\r\n supplement\r\n} = defineProps<XSelectProps<D, V>>()\r\n\r\nconst emit = defineEmits<{\r\n blur: [e: FocusEvent]\r\n change: [value: V]\r\n focus: []\r\n}>()\r\n\r\nconst model = defineModel<MV>()\r\n\r\nconst locale = inject(X_LOCALE_CONFIG)\r\nconst { t } = useLocale(locale)\r\n\r\nconst supplements = ref([]) as Ref<D[]>\r\nconst init = useArrayMap(() => data ?? [], factory)\r\nconst options = computed(() => [...useArrayMap(supplements, factory).value, ...init.value])\r\n\r\nconst forward = (value: V) => {\r\n if (typeof value === 'object') {\r\n if (identify) {\r\n return identify(value)\r\n }\r\n else {\r\n throw new Error('`identify` is required when value\\'s type extends `object` or `object[]`')\r\n }\r\n }\r\n else {\r\n return value as number | string\r\n }\r\n}\r\nconst backward = (key: number | string) =>\r\n options.value.map(item => item.value).find(item => forward(item) === key)\r\n\r\nlet no = 0\r\nwatch(\r\n [model, init],\r\n async () => {\r\n no++\r\n if (model.value) {\r\n const lacks = [...[] as V[], ...Array.isArray(model.value) ? model.value : [model.value]]\r\n .filter(item => !init.value.map(it => forward(it.value)).includes(forward(item)))\r\n const _no = no\r\n const _data = await supplement?.(lacks)\r\n if (_no === no && _data) {\r\n supplements.value = _data\r\n }\r\n }\r\n else {\r\n supplements.value = []\r\n }\r\n },\r\n { immediate: true }\r\n)\r\n\r\nconst localOptions = computed(() =>\r\n options.value.map((item) => {\r\n const key = forward(item.value)\r\n return { disabled: item.disabled, key, label: item.label, value: key }\r\n })\r\n)\r\n\r\nconst localModel = computed({\r\n get: () =>\r\n model.value\r\n && (Array.isArray(model.value) ? model.value.map(forward) : forward(model.value as V)),\r\n set: (value) => {\r\n if (Array.isArray(value)) {\r\n model.value = value.map(item => backward(item)!) as MV\r\n }\r\n else {\r\n model.value\r\n = value === undefined\r\n ? undefined\r\n : ((backward(value) ?? (allowCreate ? value : undefined)) as MV)\r\n }\r\n }\r\n})\r\n\r\nconst formItemValidation = inject(X_FORM_ITEM_VALIDATION, undefined)\r\nif (formItemValidation?.required) {\r\n const { label, validator } = formItemValidation\r\n formItemValidation.validator = () => {\r\n if (!model.value || (Array.isArray(model.value) && model.value.length === 0)) {\r\n return `请选择${label}`\r\n }\r\n return validator?.()\r\n }\r\n}\r\n</script>\r\n\r\n<template>\r\n <ElSelect\r\n v-bind=\"{\r\n placeholder: placeholder ?? t('el.select.placeholder'),\r\n noDataText: noDataText ?? t('el.select.noDataText'),\r\n disabled,\r\n allowCreate,\r\n remote,\r\n filterable: filterable || remote,\r\n clearable,\r\n remoteMethod,\r\n multiple,\r\n loading,\r\n size,\r\n collapseTags,\r\n collapseTagsTooltip,\r\n defaultFirstOption: defaultFirstOption || allowCreate,\r\n }\"\r\n v-model=\"localModel\"\r\n @blur=\"emit('blur', $event)\"\r\n @change=\"value => emit('change', value)\"\r\n >\r\n <ElOption\r\n v-for=\"option of localOptions\"\r\n :key=\"option.key\"\r\n :label=\"option.label\"\r\n :value=\"option.value\"\r\n :disabled=\"option.disabled\"\r\n >\r\n {{ option.label }}\r\n </ElOption>\r\n </ElSelect>\r\n</template>\r\n","<script setup lang=\"tsx\" generic=\"D, V, MV extends V | V[]\">\r\nimport type { SelectProps } from 'element-plus'\r\nimport type { Ref } from 'vue'\r\n\r\nimport { useArrayMap } from '@vueuse/core'\r\nimport { ElOption, ElSelect, useLocale } from 'element-plus'\r\nimport { computed, inject, ref, watch } from 'vue'\r\n\r\nimport { X_FORM_ITEM_VALIDATION, X_LOCALE_CONFIG } from '../constants'\r\n\r\nexport interface XSelectOptionProps<V> {\r\n disabled?: boolean\r\n label?: number | string\r\n value: V\r\n}\r\n\r\nexport interface XSelectProps<D, V> {\r\n collapseTagsTooltip?: SelectProps['collapseTagsTooltip']\r\n defaultFirstOption?: SelectProps['defaultFirstOption']\r\n clearable?: SelectProps['clearable']\r\n allowCreate?: SelectProps['allowCreate']\r\n collapseTags?: SelectProps['collapseTags']\r\n data?: D[]\r\n disabled?: SelectProps['disabled']\r\n factory: (option: D) => XSelectOptionProps<V>\r\n\r\n filterable?: SelectProps['filterable']\r\n identify?: (value: V) => number | string\r\n loading?: SelectProps['loading']\r\n multiple?: SelectProps['multiple']\r\n remote?: SelectProps['remote']\r\n\r\n remoteMethod?: (query: string) => void\r\n size?: SelectProps['size']\r\n\r\n supplement?: (lacks: V[]) => D[] | PromiseLike<D[]>\r\n placeholder?: SelectProps['placeholder']\r\n noDataText?: SelectProps['noDataText']\r\n}\r\n\r\nconst {\r\n allowCreate,\r\n data,\r\n disabled = undefined,\r\n factory,\r\n identify,\r\n supplement\r\n} = defineProps<XSelectProps<D, V>>()\r\n\r\nconst emit = defineEmits<{\r\n blur: [e: FocusEvent]\r\n change: [value: V]\r\n focus: []\r\n}>()\r\n\r\nconst model = defineModel<MV>()\r\n\r\nconst locale = inject(X_LOCALE_CONFIG)\r\nconst { t } = useLocale(locale)\r\n\r\nconst supplements = ref([]) as Ref<D[]>\r\nconst init = useArrayMap(() => data ?? [], factory)\r\nconst options = computed(() => [...useArrayMap(supplements, factory).value, ...init.value])\r\n\r\nconst forward = (value: V) => {\r\n if (typeof value === 'object') {\r\n if (identify) {\r\n return identify(value)\r\n }\r\n else {\r\n throw new Error('`identify` is required when value\\'s type extends `object` or `object[]`')\r\n }\r\n }\r\n else {\r\n return value as number | string\r\n }\r\n}\r\nconst backward = (key: number | string) =>\r\n options.value.map(item => item.value).find(item => forward(item) === key)\r\n\r\nlet no = 0\r\nwatch(\r\n [model, init],\r\n async () => {\r\n no++\r\n if (model.value) {\r\n const lacks = [...[] as V[], ...Array.isArray(model.value) ? model.value : [model.value]]\r\n .filter(item => !init.value.map(it => forward(it.value)).includes(forward(item)))\r\n const _no = no\r\n const _data = await supplement?.(lacks)\r\n if (_no === no && _data) {\r\n supplements.value = _data\r\n }\r\n }\r\n else {\r\n supplements.value = []\r\n }\r\n },\r\n { immediate: true }\r\n)\r\n\r\nconst localOptions = computed(() =>\r\n options.value.map((item) => {\r\n const key = forward(item.value)\r\n return { disabled: item.disabled, key, label: item.label, value: key }\r\n })\r\n)\r\n\r\nconst localModel = computed({\r\n get: () =>\r\n model.value\r\n && (Array.isArray(model.value) ? model.value.map(forward) : forward(model.value as V)),\r\n set: (value) => {\r\n if (Array.isArray(value)) {\r\n model.value = value.map(item => backward(item)!) as MV\r\n }\r\n else {\r\n model.value\r\n = value === undefined\r\n ? undefined\r\n : ((backward(value) ?? (allowCreate ? value : undefined)) as MV)\r\n }\r\n }\r\n})\r\n\r\nconst formItemValidation = inject(X_FORM_ITEM_VALIDATION, undefined)\r\nif (formItemValidation?.required) {\r\n const { label, validator } = formItemValidation\r\n formItemValidation.validator = () => {\r\n if (!model.value || (Array.isArray(model.value) && model.value.length === 0)) {\r\n return `请选择${label}`\r\n }\r\n return validator?.()\r\n }\r\n}\r\n</script>\r\n\r\n<template>\r\n <ElSelect\r\n v-bind=\"{\r\n placeholder: placeholder ?? t('el.select.placeholder'),\r\n noDataText: noDataText ?? t('el.select.noDataText'),\r\n disabled,\r\n allowCreate,\r\n remote,\r\n filterable: filterable || remote,\r\n clearable,\r\n remoteMethod,\r\n multiple,\r\n loading,\r\n size,\r\n collapseTags,\r\n collapseTagsTooltip,\r\n defaultFirstOption: defaultFirstOption || allowCreate,\r\n }\"\r\n v-model=\"localModel\"\r\n @blur=\"emit('blur', $event)\"\r\n @change=\"value => emit('change', value)\"\r\n >\r\n <ElOption\r\n v-for=\"option of localOptions\"\r\n :key=\"option.key\"\r\n :label=\"option.label\"\r\n :value=\"option.value\"\r\n :disabled=\"option.disabled\"\r\n >\r\n {{ option.label }}\r\n </ElOption>\r\n </ElSelect>\r\n</template>\r\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ECiDA,IAAM,IAAO,GAMP,IAAQ,EAAe,GAAA,aAAE,EAGzB,EAAE,SAAM,EADC,EAAO,EAAgB,CACP,EAEzB,IAAc,EAAI,EAAE,CAAa,EACjC,IAAO,QAAkB,EAAA,QAAQ,EAAE,EAAE,EAAA,QAAQ,EAC7C,IAAU,QAAe,CAAC,GAAG,EAAY,GAAa,EAAA,QAAQ,CAAC,OAAO,GAAG,EAAK,MAAM,CAAC,EAErF,KAAW,MAAa;AAC5B,OAAI,OAAO,KAAU,UACnB;QAAI,EAAA,SACF,QAAO,EAAA,SAAS,EAAM;AAGtB,UAAU,MAAM,0EAA2E;SAI7F,QAAO;KAGL,KAAY,MAChB,EAAQ,MAAM,KAAI,MAAQ,EAAK,MAAM,CAAC,MAAK,MAAQ,EAAQ,EAAK,KAAK,EAAI,EAEvE,IAAK;AACT,IACE,CAAC,GAAO,EAAK,EACb,YAAY;AAEV,OADA,KACI,EAAM,OAAO;IACf,IAAM,IAAQ,CAAC,GAAG,EAAS,EAAE,GAAG,MAAM,QAAQ,EAAM,MAAM,GAAG,EAAM,QAAQ,CAAC,EAAM,MAAM,CAAC,CACtF,QAAO,MAAQ,CAAC,EAAK,MAAM,KAAI,MAAM,EAAQ,EAAG,MAAM,CAAC,CAAC,SAAS,EAAQ,EAAK,CAAC,CAAC,EAC7E,IAAM,GACN,IAAQ,MAAM,EAAA,aAAa,EAAM;AACvC,IAAI,MAAQ,KAAM,MAChB,EAAY,QAAQ;SAItB,GAAY,QAAQ,EAAE;KAG1B,EAAE,WAAW,IACf,CAAC;EAED,IAAM,IAAe,QACnB,EAAQ,MAAM,KAAK,MAAS;GAC1B,IAAM,IAAM,EAAQ,EAAK,MAAM;AAC/B,UAAO;IAAE,UAAU,EAAK;IAAU;IAAK,OAAO,EAAK;IAAO,OAAO;IAAK;IAE1E,CAAC,EAEK,IAAa,EAAS;GAC1B,WACE,EAAM,UACF,MAAM,QAAQ,EAAM,MAAM,GAAG,EAAM,MAAM,IAAI,EAAQ,GAAG,EAAQ,EAAM,MAAW;GACvF,MAAM,MAAU;AACd,IAAI,MAAM,QAAQ,EAAM,GACtB,EAAM,QAAQ,EAAM,KAAI,MAAQ,EAAS,EAAM,CAAO,GAGtD,EAAM,QACF,MAAU,KAAA,IACR,KAAA,IACE,EAAS,EAAM,KAAK,EAAA,cAAc,IAAQ,KAAA;;GAGvD,CAAC,EAEI,IAAqB,EAAO,GAAwB,KAAA,EAAU;AACpE,MAAI,GAAoB,UAAU;GAChC,IAAM,EAAE,UAAO,iBAAc;AAC7B,KAAmB,kBACb,CAAC,EAAM,SAAU,MAAM,QAAQ,EAAM,MAAM,IAAI,EAAM,MAAM,WAAW,IACjE,MAAM,MAER,KAAa;;yBAMtB,EA8BW,EAAA,EAAA,EA9BX,EA8BW;gBA7BqB,EAAA,eAAe,EAAA,EAAC,CAAA,wBAAA;eAA8C,EAAA,cAAc,EAAA,EAAC,CAAA,uBAAA;aAAiC,EAAA;gBAAiB,EAAA;WAAoB,EAAA;eAA2B,EAAA,cAAc,EAAA;cAAe,EAAA;iBAAkB,EAAA;aAAqB,EAAA;YAAiB,EAAA;SAAgB,EAAA;iBAAa,EAAA;wBAAqB,EAAA;uBAAgD,EAAA,sBAAsB,EAAA;;eAgBhZ,EAAA;0CAAA,EAAU,QAAA;GAClB,QAAI,AAAA,EAAA,QAAA,MAAE,EAAI,QAAS,EAAM;GACzB,UAAM,AAAA,EAAA,QAAE,MAAS,EAAI,UAAW,EAAK;;oBAGN,EAAA,EAAA,GAAA,EADhC,EAQW,GAAA,MAAA,EAPQ,EAAA,QAAV,YADT,EAQW,EAAA,EAAA,EAAA;IANR,KAAK,EAAO;IACZ,OAAO,EAAO;IACd,OAAO,EAAO;IACd,UAAU,EAAO;;qBAEA,CAAA,EAAA,EAAf,EAAO,MAAK,EAAA,EAAA,CAAA,CAAA"}
|