@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.
Files changed (83) hide show
  1. package/dist/cjs/ButtonPopconfirm.cjs +1 -1
  2. package/dist/cjs/DatePicker-Bs1ylK57.cjs +2 -0
  3. package/dist/cjs/DatePicker-Bs1ylK57.cjs.map +1 -0
  4. package/dist/cjs/DatePicker.cjs +1 -1
  5. package/dist/cjs/Dialog-CSSTtlWY.cjs +2 -0
  6. package/dist/cjs/Dialog-CSSTtlWY.cjs.map +1 -0
  7. package/dist/cjs/Dialog.cjs +1 -1
  8. package/dist/cjs/{FormItem-Dr0G-5Q4.cjs → FormItem-DT2H_f3C.cjs} +2 -2
  9. package/dist/cjs/FormItem-DT2H_f3C.cjs.map +1 -0
  10. package/dist/cjs/FormItem.cjs +1 -1
  11. package/dist/cjs/Input-DuZALrON.cjs.map +1 -1
  12. package/dist/cjs/Select-DbiBYKYx.cjs +2 -0
  13. package/dist/cjs/Select-DbiBYKYx.cjs.map +1 -0
  14. package/dist/cjs/Select.cjs +1 -1
  15. package/dist/cjs/Upload-DxAM_SRp.cjs +2 -0
  16. package/dist/cjs/Upload-DxAM_SRp.cjs.map +1 -0
  17. package/dist/cjs/Upload.cjs +1 -1
  18. package/dist/cjs/{components-Xete52W-.cjs → components-H3u1l6SK.cjs} +2 -2
  19. package/dist/cjs/{components-Xete52W-.cjs.map → components-H3u1l6SK.cjs.map} +1 -1
  20. package/dist/cjs/index.cjs +1 -1
  21. package/dist/es/ButtonPopconfirm.js +6 -6
  22. package/dist/es/DatePicker-DEQxQ4xR.js +70 -0
  23. package/dist/es/DatePicker-DEQxQ4xR.js.map +1 -0
  24. package/dist/es/DatePicker.js +1 -1
  25. package/dist/es/{Dialog-BahbAebJ.js → Dialog-BKSJCB-R.js} +13 -4
  26. package/dist/es/Dialog-BKSJCB-R.js.map +1 -0
  27. package/dist/es/Dialog.js +1 -1
  28. package/dist/es/FormItem-DFIl76qa.js +41 -0
  29. package/dist/es/FormItem-DFIl76qa.js.map +1 -0
  30. package/dist/es/FormItem.js +1 -1
  31. package/dist/es/Input-JT0g3gkf.js.map +1 -1
  32. package/dist/es/{Select-BKdDBeJC.js → Select-DNpw-ydO.js} +4 -2
  33. package/dist/es/Select-DNpw-ydO.js.map +1 -0
  34. package/dist/es/Select.js +1 -1
  35. package/dist/es/Upload-BPg4xGOl.js +61 -0
  36. package/dist/es/Upload-BPg4xGOl.js.map +1 -0
  37. package/dist/es/Upload.js +1 -1
  38. package/dist/es/{components-DKoUIsFy.js → components-CTV9E5y1.js} +6 -6
  39. package/dist/es/{components-DKoUIsFy.js.map → components-CTV9E5y1.js.map} +1 -1
  40. package/dist/es/index.js +6 -6
  41. package/dist/types/components/Select.vue.d.ts +1 -0
  42. package/dist/types/components/Upload.vue.d.ts +5 -2
  43. package/package.json +5 -5
  44. package/dist/cjs/DatePicker-DvW11A5y.cjs +0 -2
  45. package/dist/cjs/DatePicker-DvW11A5y.cjs.map +0 -1
  46. package/dist/cjs/Dialog-C3uo50Lk.cjs +0 -2
  47. package/dist/cjs/Dialog-C3uo50Lk.cjs.map +0 -1
  48. package/dist/cjs/FormItem-Dr0G-5Q4.cjs.map +0 -1
  49. package/dist/cjs/Select-C-b-Biw3.cjs +0 -2
  50. package/dist/cjs/Select-C-b-Biw3.cjs.map +0 -1
  51. package/dist/cjs/Upload-CXRSAOCS.cjs +0 -2
  52. package/dist/cjs/Upload-CXRSAOCS.cjs.map +0 -1
  53. package/dist/es/DatePicker-BDjnMA3B.js +0 -69
  54. package/dist/es/DatePicker-BDjnMA3B.js.map +0 -1
  55. package/dist/es/Dialog-BahbAebJ.js.map +0 -1
  56. package/dist/es/FormItem--C1bP0wY.js +0 -37
  57. package/dist/es/FormItem--C1bP0wY.js.map +0 -1
  58. package/dist/es/Select-BKdDBeJC.js.map +0 -1
  59. package/dist/es/Upload-DCnEcRkL.js +0 -52
  60. package/dist/es/Upload-DCnEcRkL.js.map +0 -1
  61. package/dist/types/src/components/Button.vue.d.ts +0 -31
  62. package/dist/types/src/components/ButtonPopconfirm.vue.d.ts +0 -27
  63. package/dist/types/src/components/ConfigProvider.vue.d.ts +0 -21
  64. package/dist/types/src/components/DatePicker.vue.d.ts +0 -34
  65. package/dist/types/src/components/Dialog.vue.d.ts +0 -44
  66. package/dist/types/src/components/Form.vue.d.ts +0 -36
  67. package/dist/types/src/components/FormItem.vue.d.ts +0 -33
  68. package/dist/types/src/components/Input.vue.d.ts +0 -44
  69. package/dist/types/src/components/InputNumber.vue.d.ts +0 -48
  70. package/dist/types/src/components/Pagination.vue.d.ts +0 -40
  71. package/dist/types/src/components/Select.vue.d.ts +0 -45
  72. package/dist/types/src/components/TabPane.vue.d.ts +0 -32
  73. package/dist/types/src/components/Table.vue.d.ts +0 -89
  74. package/dist/types/src/components/Tabs.vue.d.ts +0 -26
  75. package/dist/types/src/components/Upload.vue.d.ts +0 -27
  76. package/dist/types/src/components/index.d.ts +0 -15
  77. package/dist/types/src/constants/index.d.ts +0 -15
  78. package/dist/types/src/index.d.ts +0 -2
  79. package/dist/types/src/locales/en.d.ts +0 -2
  80. package/dist/types/src/locales/index.d.ts +0 -2
  81. package/dist/types/src/locales/zh-cn.d.ts +0 -2
  82. package/dist/types/src/resolver.d.ts +0 -3
  83. package/dist/types/test/table.test.d.ts +0 -1
package/dist/es/Select.js CHANGED
@@ -1,2 +1,2 @@
1
- import { t as e } from "./Select-BKdDBeJC.js";
1
+ import { t as e } from "./Select-DNpw-ydO.js";
2
2
  export { e as default };
@@ -0,0 +1,61 @@
1
+ import { o as e } from "./constants-TVJ7auaC.js";
2
+ import { createBlock as t, createSlots as n, defineComponent as r, guardReactiveProps as i, inject as a, mergeModels as o, normalizeProps as s, openBlock as c, renderSlot as l, unref as u, useModel as d, withCtx as f } from "vue";
3
+ import { ElUpload as p } from "element-plus";
4
+ //#endregion
5
+ //#region src/components/Upload.vue
6
+ var m = /* @__PURE__ */ r({
7
+ __name: "Upload",
8
+ props: /* @__PURE__ */ o({
9
+ accept: {},
10
+ data: { type: [Promise, Function] },
11
+ disabled: { type: Boolean },
12
+ limit: {},
13
+ showFileList: { type: Boolean },
14
+ fileList: {}
15
+ }, {
16
+ modelValue: {},
17
+ modelModifiers: {}
18
+ }),
19
+ emits: ["update:modelValue"],
20
+ setup(r) {
21
+ let o = d(r, "modelValue"), m = a(e, void 0);
22
+ if (m?.required) {
23
+ let { label: e, validator: t } = m;
24
+ m.validator = () => !o.value || Array.isArray(o.value) && o.value.length === 0 ? `请上传${e}` : t?.();
25
+ }
26
+ return (e, a) => (c(), t(u(p), s(i({
27
+ disabled: r.disabled,
28
+ accept: r.accept,
29
+ data: r.data,
30
+ limit: r.limit,
31
+ fileList: r.fileList,
32
+ showFileList: r.showFileList
33
+ })), n({
34
+ default: f(() => [l(e.$slots, "default")]),
35
+ _: 2
36
+ }, [
37
+ "file" in e.$slots ? {
38
+ name: "file",
39
+ fn: f(({ file: t, index: n }) => [l(e.$slots, "file", {
40
+ file: t,
41
+ index: n
42
+ })]),
43
+ key: "0"
44
+ } : void 0,
45
+ "tip" in e.$slots ? {
46
+ name: "tip",
47
+ fn: f(() => [l(e.$slots, "tip")]),
48
+ key: "1"
49
+ } : void 0,
50
+ "trigger" in e.$slots ? {
51
+ name: "trigger",
52
+ fn: f(() => [l(e.$slots, "trigger")]),
53
+ key: "2"
54
+ } : void 0
55
+ ]), 1040));
56
+ }
57
+ });
58
+ //#endregion
59
+ export { m as t };
60
+
61
+ //# sourceMappingURL=Upload-BPg4xGOl.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Upload-BPg4xGOl.js","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":";;;;;;;;;;;;;;;;;;;;EC2BA,IAAM,IAAQ,EAAe,GAAA,aAAE,EAEzB,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,EAYW,EAAA,EAAA,EAAA,EAAA,EAAA;GAAA,UAZS,EAAA;GAAQ,QAAE,EAAA;GAAM,MAAE,EAAA;GAAI,OAAE,EAAA;GAAK,UAAE,EAAA;GAAQ,cAAE,EAAA;GAAY,CAAA,CAAA,EAAA,EAAA;oBAC/D,CAAR,EAAQ,EAAA,QAAA,UAAA,CAAA,CAAA;;;aAEkBA,EAAAA,SAAAA;UAAS;WACe,EADP,SAAM,eAAK,CACpD,EAAgD,EAAA,QAAA,QAAA;KAAvB;KAAc;;;;YAEhBA,EAAAA,SAAAA;UAAS;gBACb,CAAnB,EAAmB,EAAA,QAAA,MAAA,CAAA,CAAA;;;gBAEQA,EAAAA,SAAAA;UAAS;gBACb,CAAvB,EAAuB,EAAA,QAAA,UAAA,CAAA,CAAA"}
package/dist/es/Upload.js CHANGED
@@ -1,2 +1,2 @@
1
- import { t as e } from "./Upload-DCnEcRkL.js";
1
+ import { t as e } from "./Upload-BPg4xGOl.js";
2
2
  export { e as default };
@@ -1,17 +1,17 @@
1
1
  import { t as e } from "./Button-BgxatYKq.js";
2
2
  import { t } from "./ConfigProvider-BlRc251T.js";
3
- import { t as n } from "./DatePicker-BDjnMA3B.js";
4
- import { t as r } from "./Dialog-BahbAebJ.js";
3
+ import { t as n } from "./DatePicker-DEQxQ4xR.js";
4
+ import { t as r } from "./Dialog-BKSJCB-R.js";
5
5
  import { t as i } from "./Form-wBMmnwZj.js";
6
- import { t as a } from "./FormItem--C1bP0wY.js";
6
+ import { t as a } from "./FormItem-DFIl76qa.js";
7
7
  import { t as o } from "./Input-JT0g3gkf.js";
8
8
  import { t as s } from "./InputNumber-CFTLdulD.js";
9
9
  import { t as c } from "./Pagination-CGeelxQR.js";
10
- import { t as l } from "./Select-BKdDBeJC.js";
10
+ import { t as l } from "./Select-DNpw-ydO.js";
11
11
  import { t as u } from "./Table-Cm_Dki-c.js";
12
12
  import { t as d } from "./TabPane-CzInYf67.js";
13
13
  import { t as f } from "./Tabs-CKIkuQ81.js";
14
- import { t as p } from "./Upload-DCnEcRkL.js";
14
+ import { t as p } from "./Upload-BPg4xGOl.js";
15
15
  import { createBlock as m, createTextVNode as h, createVNode as g, defineComponent as _, guardReactiveProps as v, normalizeProps as y, openBlock as b, renderSlot as x, unref as S, withCtx as C } from "vue";
16
16
  import { ElPopconfirm as w } from "element-plus";
17
17
  //#region \0rolldown/runtime.js
@@ -88,4 +88,4 @@ var T = Object.defineProperty, E = (e, t) => {
88
88
  //#endregion
89
89
  export { D as n, O as t };
90
90
 
91
- //# sourceMappingURL=components-DKoUIsFy.js.map
91
+ //# sourceMappingURL=components-CTV9E5y1.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"components-DKoUIsFy.js","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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ECWA,IAAM,IAAO;yBAOX,EAkBe,EAAA,EAAA,EAAA;GAjBZ,OAAO,EAAA;GACP,UAAM,AAAA,EAAA,aAAQ,EAAI,SAAA;GAClB,WAAO,AAAA,EAAA,aAAQ,EAAI,UAAA;;GAET,WAAS,QAGR,CAFV,EAEU,EAAA,EAAA,EAAA,EAAA,EAAA;IAAA,UAFS,EAAA;IAAQ,MAAE,EAAA;IAAI,MAAE,EAAA;IAAI,MAAE,EAAA;IAAI,MAAE,EAAA;IAAI,CAAA,CAAA,EAAA;qBACpC,CAAb,EAAa,EAAA,QAAA,UAAA,CAAA,CAAA;;;GAGN,SAAO,GAGN,EAHU,YAAS,gBAAM,CACnC,EAEU,EAAA,EAAA,EAAA;IAFD,MAAK;IAAS,SAAO;;qBAE9B,CAAA,GAAA,AAAA,EAAA,OAAA,CAAA,EAFsC,QAEtC,GAAA,CAAA,CAAA,CAAA;;uBACA,EAEU,EAAA,EAAA,EAAA;IAFD,MAAK;IAAS,MAAK;IAAS,SAAO;;qBAE5C,CAAA,GAAA,AAAA,EAAA,OAAA,CAAA,EAFqD,QAErD,GAAA,CAAA,CAAA,CAAA"}
1
+ {"version":3,"file":"components-CTV9E5y1.js","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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ECWA,IAAM,IAAO;yBAOX,EAkBe,EAAA,EAAA,EAAA;GAjBZ,OAAO,EAAA;GACP,UAAM,AAAA,EAAA,aAAQ,EAAI,SAAA;GAClB,WAAO,AAAA,EAAA,aAAQ,EAAI,UAAA;;GAET,WAAS,QAGR,CAFV,EAEU,EAAA,EAAA,EAAA,EAAA,EAAA;IAAA,UAFS,EAAA;IAAQ,MAAE,EAAA;IAAI,MAAE,EAAA;IAAI,MAAE,EAAA;IAAI,MAAE,EAAA;IAAI,CAAA,CAAA,EAAA;qBACpC,CAAb,EAAa,EAAA,QAAA,UAAA,CAAA,CAAA;;;GAGN,SAAO,GAGN,EAHU,YAAS,gBAAM,CACnC,EAEU,EAAA,EAAA,EAAA;IAFD,MAAK;IAAS,SAAO;;qBAE9B,CAAA,GAAA,AAAA,EAAA,OAAA,CAAA,EAFsC,QAEtC,GAAA,CAAA,CAAA,CAAA;;uBACA,EAEU,EAAA,EAAA,EAAA;IAFD,MAAK;IAAS,MAAK;IAAS,SAAO;;qBAE5C,CAAA,GAAA,AAAA,EAAA,OAAA,CAAA,EAFqD,QAErD,GAAA,CAAA,CAAA,CAAA"}
package/dist/es/index.js CHANGED
@@ -1,21 +1,21 @@
1
- import { n as e, t } from "./components-DKoUIsFy.js";
1
+ import { n as e, t } from "./components-CTV9E5y1.js";
2
2
  import { t as n } from "./Button-BgxatYKq.js";
3
3
  import { t as r } from "./en-BAY1fB2Q.js";
4
4
  import { t as i } from "./zh-cn-UaM4b5St.js";
5
5
  import "./index2.js";
6
6
  import { t as a } from "./ConfigProvider-BlRc251T.js";
7
- import { t as o } from "./DatePicker-BDjnMA3B.js";
8
- import { t as s } from "./Dialog-BahbAebJ.js";
7
+ import { t as o } from "./DatePicker-DEQxQ4xR.js";
8
+ import { t as s } from "./Dialog-BKSJCB-R.js";
9
9
  import { t as c } from "./Form-wBMmnwZj.js";
10
- import { t as l } from "./FormItem--C1bP0wY.js";
10
+ import { t as l } from "./FormItem-DFIl76qa.js";
11
11
  import { t as u } from "./Input-JT0g3gkf.js";
12
12
  import { t as d } from "./InputNumber-CFTLdulD.js";
13
13
  import { t as f } from "./Pagination-CGeelxQR.js";
14
- import { t as p } from "./Select-BKdDBeJC.js";
14
+ import { t as p } from "./Select-DNpw-ydO.js";
15
15
  import { t as m } from "./Table-Cm_Dki-c.js";
16
16
  import { t as h } from "./TabPane-CzInYf67.js";
17
17
  import { t as g } from "./Tabs-CKIkuQ81.js";
18
- import { t as _ } from "./Upload-DCnEcRkL.js";
18
+ import { t as _ } from "./Upload-BPg4xGOl.js";
19
19
  //#region src/install.ts
20
20
  var v = (e) => {
21
21
  Object.entries(t).forEach(([t, n]) => {
@@ -6,6 +6,7 @@ export interface XSelectOptionProps<V> {
6
6
  }
7
7
  export interface XSelectProps<D, V> {
8
8
  collapseTagsTooltip?: SelectProps['collapseTagsTooltip'];
9
+ defaultFirstOption?: SelectProps['defaultFirstOption'];
9
10
  clearable?: SelectProps['clearable'];
10
11
  allowCreate?: SelectProps['allowCreate'];
11
12
  collapseTags?: SelectProps['collapseTags'];
@@ -6,6 +6,7 @@ export interface XUploadProps {
6
6
  disabled?: UploadProps['disabled'];
7
7
  limit?: UploadProps['limit'];
8
8
  showFileList?: UploadProps['showFileList'];
9
+ fileList?: UploadProps['fileList'];
9
10
  }
10
11
  declare const _default: <MV extends string | string[]>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
11
12
  props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
@@ -21,14 +22,16 @@ declare const _default: <MV extends string | string[]>(__VLS_props: NonNullable<
21
22
  file: UploadFile;
22
23
  index: number;
23
24
  }) => VNodeChild;
24
- tips: () => VNodeChild;
25
+ tip: () => VNodeChild;
26
+ trigger: () => VNodeChild;
25
27
  }> & {
26
28
  default: () => VNodeChild;
27
29
  file: (scope: {
28
30
  file: UploadFile;
29
31
  index: number;
30
32
  }) => VNodeChild;
31
- tips: () => VNodeChild;
33
+ tip: () => VNodeChild;
34
+ trigger: () => VNodeChild;
32
35
  };
33
36
  emit: (evt: "update:modelValue", value: MV) => void;
34
37
  }>) => import('vue').VNode & {
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@pungfe/element",
3
3
  "type": "module",
4
- "version": "0.0.1-alpha.21",
4
+ "version": "0.0.1-alpha.23",
5
5
  "description": "Element Plus Components",
6
6
  "author": "pungfeng <fp94214@gmail.com>",
7
7
  "license": "MIT",
@@ -52,11 +52,11 @@
52
52
  },
53
53
  "dependencies": {
54
54
  "@vueuse/core": "^14.2.1",
55
- "element-plus": "^2.13.1",
56
- "vue": "^3.5.27"
55
+ "element-plus": "^2.13.5",
56
+ "vue": "^3.5.30"
57
57
  },
58
58
  "devDependencies": {
59
- "@antfu/eslint-config": "^7.7.2",
59
+ "@antfu/eslint-config": "^7.7.3",
60
60
  "@types/node": "^25.5.0",
61
61
  "@vitejs/plugin-vue": "^6.0.5",
62
62
  "@vitejs/plugin-vue-jsx": "^5.1.5",
@@ -74,7 +74,7 @@
74
74
  "vite": "^8.0.0",
75
75
  "vite-plugin-dts": "^4.5.4",
76
76
  "vitest": "^4.1.0",
77
- "vue-tsc": "^3.2.5"
77
+ "vue-tsc": "^3.2.6"
78
78
  },
79
79
  "publishConfig": {
80
80
  "access": "public"
@@ -1,2 +0,0 @@
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.useModel)(r,`modelValue`),a=(0,t.useModel)(r,`start`),o=(0,t.useModel)(r,`end`),s=(0,t.inject)(e.c),{t:c}=(0,n.useLocale)(s),l=(0,t.computed)({get(){return r.type.includes(`range`)&&a.value&&o.value?[a.value,o.value]:r.type.includes(`range`)?null:i.value},set(e){r.type.includes(`range`)&&Array.isArray(e)?(a.value=e?.[0],o.value=e?.[1]):i.value=e}}),u=(0,t.inject)(e.o,void 0);if(u?.required){let{label:e,validator:t}=u;u.validator=()=>r.type.includes(`range`)&&(!a.value||!o.value)?`请选择${e}`:i.value?t?.():`请选择${e}`}return(e,i)=>((0,t.openBlock)(),(0,t.createBlock)((0,t.unref)(n.ElConfigProvider),{locale:(0,t.unref)(s)},{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)(c)(`el.datepicker.placeholder`),startPlaceholder:r.placeholder??(0,t.unref)(c)(`el.datepicker.startPlaceholder`),endPlaceholder:r.placeholder??(0,t.unref)(c)(`el.datepicker.endPlaceholder`),shortcuts:r.shortcuts},{modelValue:l.value,"onUpdate:modelValue":i[0]||=e=>l.value=e,onBlur:i[1]||=t=>e.$emit(`blur`,t),onFocus:i[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-DvW11A5y.cjs.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"DatePicker-DvW11A5y.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 } 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\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 }\"\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 } 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\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 }\"\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":"kgBCwBA,IAAM,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,kEAwBE,EAAA,iBAAA,CAAA,CAhBA,QAAA,EAAA,EAAA,OAAQ,EAAA,CAAM,CAAA,2BAe7B,EAAA,EAAA,EAAA,cAAA,EAAA,EAAA,OAAA,EAAA,aAAA,EAAA,EAAA,EAAA,YAAA,UAbmB,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,uBAUxT,EAAA,sCAAA,EAAU,MAAA,EAClB,OAAI,AAAA,EAAA,KAAA,GAAEA,EAAAA,MAAK,OAAS,EAAM,CAC1B,QAAK,AAAA,EAAA,KAAA,GAAEA,EAAAA,MAAK,QAAU,EAAM"}
@@ -1,2 +0,0 @@
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},title:{},center:{type:Boolean},alignCenter:{type:Boolean},draggable:{type:Boolean},closeOnClickModal:{type:Boolean},closeOnPressEscape:{type:Boolean}},{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-C3uo50Lk.cjs.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Dialog-C3uo50Lk.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\ndefineProps<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\" 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\ndefineProps<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\" 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":"+YCwBA,IAAM,GAAA,EAAA,EAAA,UAA8B,EAAA,aAAE,+DAwBzB,EAAA,SAAA,EAAA,EAAA,EAAA,YAAA,YAnBA,EAAA,sCAAA,EAAO,MAAA,cAAmB,EAAA,gBAAkB,EAAA,gBAAc,EAAA,gBAAkB,EAAA,aAAc,EAAA,mBAAe,EAAA,sBAAoB,EAAA,4BAAkB,EAAA,qCAA0B,EAAA,kEAerK,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"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"FormItem-Dr0G-5Q4.cjs","names":["$slots"],"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 v-bind=\"{ label, required, error }\">\r\n <Content />\r\n <template v-if=\"'label' in $slots\">\r\n <slot name=\"label\" />\r\n </template>\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 v-bind=\"{ label, required, error }\">\r\n <Content />\r\n <template v-if=\"'label' in $slots\">\r\n <slot name=\"label\" />\r\n </template>\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,+DASlB,EAAA,WAAA,EAAA,EAAA,EAAA,iBAAA,EAAA,EAAA,oBAAA,CAAA,MALS,EAAA,MAAK,SAAE,EAAA,SAAQ,MAAE,EAAA,MAAK,CAAA,CAAA,CAAA,2BAC/B,EAAA,EAAA,EAAA,aAAA,EAAA,CAAA,UACgBA,EAAAA,QAAAA,EAAAA,EAAAA,YACJ,EAAA,OAAA,QAAA,CAAA,IAAA,EAAA,CAAA,EAAA,EAAA,EAAA,oBAAA,GAAA,GAAA,CAAA,CAAA"}
@@ -1,2 +0,0 @@
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},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},{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-C-b-Biw3.cjs.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Select-C-b-Biw3.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 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 }\"\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 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 }\"\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":"otBCgDA,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,+DAmCX,EAAA,SAAA,EAAA,EAAA,EAAA,YAAA,aA5BqB,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,iCAe1U,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"}
@@ -1,2 +0,0 @@
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}},{modelValue:{},modelModifiers:{}}),emits:[`update:modelValue`],setup(r){let i=(0,t.useModel)(r,`modelValue`),a=(0,t.computed)(()=>[...[],...i.value||[]].reverse().map(e=>({name:e.split(`/`).findLast(()=>!0),url:e}))),o=(0,t.inject)(e.o,void 0);if(o?.required){let{label:e,validator:t}=o;o.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:a.value,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)(()=>[(0,t.renderSlot)(e.$slots,`file`)]),key:`0`}:void 0,`tips`in e.$slots?{name:`tips`,fn:(0,t.withCtx)(()=>[(0,t.renderSlot)(e.$slots,`tips`)]),key:`1`}:void 0]),1040))}});Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return r}});
2
- //# sourceMappingURL=Upload-CXRSAOCS.cjs.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Upload-CXRSAOCS.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 { computed, 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}\r\n\r\ndefineProps<XUploadProps>()\r\n\r\ndefineSlots<{\r\n default: () => VNodeChild\r\n file: (scope: { file: UploadFile, index: number }) => VNodeChild\r\n tips: () => VNodeChild\r\n}>()\r\n\r\nconst model = defineModel<MV>()\r\n\r\nconst fileList = computed(() => [...[] as string[], ...model.value || []].reverse().map(item => ({ name: item.split('/').findLast(() => true)!, url: item })))\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>\r\n <slot name=\"file\" />\r\n </template>\r\n <template v-if=\"'tips' in $slots\" #tips>\r\n <slot name=\"tips\" />\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 { computed, 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}\r\n\r\ndefineProps<XUploadProps>()\r\n\r\ndefineSlots<{\r\n default: () => VNodeChild\r\n file: (scope: { file: UploadFile, index: number }) => VNodeChild\r\n tips: () => VNodeChild\r\n}>()\r\n\r\nconst model = defineModel<MV>()\r\n\r\nconst fileList = computed(() => [...[] as string[], ...model.value || []].reverse().map(item => ({ name: item.split('/').findLast(() => true)!, url: item })))\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>\r\n <slot name=\"file\" />\r\n </template>\r\n <template v-if=\"'tips' in $slots\" #tips>\r\n <slot name=\"tips\" />\r\n </template>\r\n </ElUpload>\r\n</template>\r\n"],"mappings":"gVCyBA,IAAM,GAAA,EAAA,EAAA,UAAuB,EAAA,aAAE,CAEzB,GAAA,EAAA,EAAA,cAA0B,CAAC,GAAG,EAAc,CAAE,GAAG,EAAM,OAAS,EAAE,CAAC,CAAC,SAAS,CAAC,IAAI,IAAS,CAAE,KAAM,EAAK,MAAM,IAAI,CAAC,aAAe,GAAM,CAAE,IAAK,EAAM,EAAE,CAAC,CAExJ,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,+DAeX,EAAA,SAAA,EAAA,EAAA,EAAA,iBAAA,EAAA,EAAA,oBAAA,CAAA,SATS,EAAA,SAAQ,OAAE,EAAA,OAAM,KAAE,EAAA,KAAI,MAAE,EAAA,MAAK,SAAE,EAAA,MAAQ,aAAE,EAAA,aAAY,CAAA,CAAA,EAAA,EAAA,EAAA,aAAA,2BAC/D,EAAA,EAAA,EAAA,YAAA,EAAA,OAAA,UAAA,CAAA,CAAA,gBAEkBA,EAAAA,OAAAA,MAAS,4BACb,EAAA,EAAA,EAAA,YAAA,EAAA,OAAA,OAAA,CAAA,CAAA,0BAEIA,EAAAA,OAAAA,MAAS,4BACb,EAAA,EAAA,EAAA,YAAA,EAAA,OAAA,OAAA,CAAA,CAAA"}
@@ -1,69 +0,0 @@
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, useModel as d, withCtx as f } from "vue";
3
- import { ElConfigProvider as p, ElDatePicker as m, useLocale as h } from "element-plus";
4
- //#endregion
5
- //#region src/components/DatePicker.vue
6
- var g = /* @__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(a, "modelValue"), g = d(a, "start"), _ = d(a, "end"), v = o(e), { t: y } = h(v), b = n({
35
- get() {
36
- return a.type.includes("range") && g.value && _.value ? [g.value, _.value] : a.type.includes("range") ? null : s.value;
37
- },
38
- set(e) {
39
- a.type.includes("range") && Array.isArray(e) ? (g.value = e?.[0], _.value = e?.[1]) : s.value = e;
40
- }
41
- }), x = o(t, void 0);
42
- if (x?.required) {
43
- let { label: e, validator: t } = x;
44
- x.validator = () => a.type.includes("range") && (!g.value || !_.value) ? `请选择${e}` : s.value ? t?.() : `请选择${e}`;
45
- }
46
- return (e, t) => (l(), r(u(p), { locale: u(v) }, {
47
- default: f(() => [i(u(m), c({
48
- disabled: a.disabled,
49
- disabledDate: a.disabledDate,
50
- type: a.type,
51
- valueFormat: a.valueFormat,
52
- placeholder: a.placeholder ?? u(y)("el.datepicker.placeholder"),
53
- startPlaceholder: a.placeholder ?? u(y)("el.datepicker.startPlaceholder"),
54
- endPlaceholder: a.placeholder ?? u(y)("el.datepicker.endPlaceholder"),
55
- shortcuts: a.shortcuts
56
- }, {
57
- modelValue: b.value,
58
- "onUpdate:modelValue": t[0] ||= (e) => b.value = e,
59
- onBlur: t[1] ||= (t) => e.$emit("blur", t),
60
- onFocus: t[2] ||= (t) => e.$emit("focus", t)
61
- }), null, 16, ["modelValue"])]),
62
- _: 1
63
- }, 8, ["locale"]));
64
- }
65
- });
66
- //#endregion
67
- export { g as t };
68
-
69
- //# sourceMappingURL=DatePicker-BDjnMA3B.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"DatePicker-BDjnMA3B.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 } 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\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 }\"\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 } 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\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 }\"\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ECwBA,IAAM,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,EAgBmB,EAAA,EAAA,EAAA,EAhBA,QAAQ,EAAA,EAAA,EAAM,EAAA;oBAe7B,CAdF,EAcE,EAAA,EAAA,EAdF,EAcE;cAbmB,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;;gBAUxT,EAAA;2CAAA,EAAU,QAAA;IAClB,QAAI,AAAA,EAAA,QAAA,MAAEA,EAAAA,MAAK,QAAS,EAAM;IAC1B,SAAK,AAAA,EAAA,QAAA,MAAEA,EAAAA,MAAK,SAAU,EAAM"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"Dialog-BahbAebJ.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\ndefineProps<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\" 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\ndefineProps<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\" 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":";;;;;;;;;;;;;;;;;;;;;;ECwBA,IAAM,IAAU,EAAoB,GAAA,aAAE;yBAIpC,EAoBW,EAAA,EAAA,EApBX,EAoBW;eAnBA,EAAA;0CAAA,EAAO,QAAA;;cAAmB,EAAA;UAAkB,EAAA;cAAc,EAAA;UAAkB,EAAA;WAAc,EAAA;gBAAe,EAAA;cAAoB,EAAA;sBAAkB,EAAA;uBAA0B,EAAA;;oBAerK,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"}
@@ -1,37 +0,0 @@
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, createCommentVNode as s, createVNode as c, defineComponent as l, guardReactiveProps as u, inject as d, normalizeProps as f, openBlock as p, provide as m, ref as h, renderSlot as g, unref as _, withCtx as v } from "vue";
3
- import { ElFormItem as y } from "element-plus";
4
- //#endregion
5
- //#region src/components/FormItem.vue
6
- var b = /* @__PURE__ */ l({
7
- __name: "FormItem",
8
- props: {
9
- content: { type: Function },
10
- label: {},
11
- required: { type: Boolean },
12
- validator: { type: Function }
13
- },
14
- setup(l) {
15
- let b = d(i, void 0), x = d(t, void 0), S = d(e, void 0), C = d(a, void 0), w = d(n, void 0), T = h(), E = {
16
- clearValidate: () => T.value = void 0,
17
- label: l.label,
18
- required: l.required,
19
- validator: l.validator,
20
- validate: () => (T.value = E.validator?.() ?? void 0, T.value && x && S && C && w?.trigger(C), !T.value)
21
- };
22
- b?.push(E), m(r, E);
23
- let D = () => l.content?.();
24
- return (e, t) => (p(), o(_(y), f(u({
25
- label: l.label,
26
- required: l.required,
27
- error: T.value
28
- })), {
29
- default: v(() => [c(D), "label" in e.$slots ? g(e.$slots, "label", { key: 0 }) : s("", !0)]),
30
- _: 3
31
- }, 16));
32
- }
33
- });
34
- //#endregion
35
- export { b as t };
36
-
37
- //# sourceMappingURL=FormItem--C1bP0wY.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"FormItem--C1bP0wY.js","names":["$slots"],"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 v-bind=\"{ label, required, error }\">\r\n <Content />\r\n <template v-if=\"'label' in $slots\">\r\n <slot name=\"label\" />\r\n </template>\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 v-bind=\"{ label, required, error }\">\r\n <Content />\r\n <template v-if=\"'label' in $slots\">\r\n <slot name=\"label\" />\r\n </template>\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,EAKa,EAAA,EAAA,EAAA,EAAA,EAAA;GAAA,OALS,EAAA;GAAK,UAAE,EAAA;GAAQ,OAAE,EAAA;GAAK,CAAA,CAAA,EAAA;oBAC/B,CAAX,EAAW,EAAA,EAAA,WACgBA,EAAAA,SACzB,EAAqB,EAAA,QAAA,SAAA,EAAA,KAAA,GAAA,CAAA,GAAA,EAAA,IAAA,GAAA,CAAA,CAAA"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"Select-BKdDBeJC.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 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 }\"\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 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 }\"\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ECgDA,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,EA6BW,EAAA,EAAA,EA7BX,EA6BW;gBA5BqB,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;;eAe1U,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"}
@@ -1,52 +0,0 @@
1
- import { o as e } from "./constants-TVJ7auaC.js";
2
- import { computed as t, createBlock as n, createSlots as r, defineComponent as i, guardReactiveProps as a, inject as o, mergeModels as s, normalizeProps as c, openBlock as l, renderSlot as u, unref as d, useModel as f, withCtx as p } from "vue";
3
- import { ElUpload as m } from "element-plus";
4
- //#endregion
5
- //#region src/components/Upload.vue
6
- var h = /* @__PURE__ */ i({
7
- __name: "Upload",
8
- props: /* @__PURE__ */ s({
9
- accept: {},
10
- data: { type: [Promise, Function] },
11
- disabled: { type: Boolean },
12
- limit: {},
13
- showFileList: { type: Boolean }
14
- }, {
15
- modelValue: {},
16
- modelModifiers: {}
17
- }),
18
- emits: ["update:modelValue"],
19
- setup(i) {
20
- let s = f(i, "modelValue"), h = t(() => [...[], ...s.value || []].reverse().map((e) => ({
21
- name: e.split("/").findLast(() => !0),
22
- url: e
23
- }))), g = o(e, void 0);
24
- if (g?.required) {
25
- let { label: e, validator: t } = g;
26
- g.validator = () => !s.value || Array.isArray(s.value) && s.value.length === 0 ? `请选择${e}` : t?.();
27
- }
28
- return (e, t) => (l(), n(d(m), c(a({
29
- disabled: i.disabled,
30
- accept: i.accept,
31
- data: i.data,
32
- limit: i.limit,
33
- fileList: h.value,
34
- showFileList: i.showFileList
35
- })), r({
36
- default: p(() => [u(e.$slots, "default")]),
37
- _: 2
38
- }, ["file" in e.$slots ? {
39
- name: "file",
40
- fn: p(() => [u(e.$slots, "file")]),
41
- key: "0"
42
- } : void 0, "tips" in e.$slots ? {
43
- name: "tips",
44
- fn: p(() => [u(e.$slots, "tips")]),
45
- key: "1"
46
- } : void 0]), 1040));
47
- }
48
- });
49
- //#endregion
50
- export { h as t };
51
-
52
- //# sourceMappingURL=Upload-DCnEcRkL.js.map