fast-element-plus 1.0.11 → 1.0.14

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 (117) hide show
  1. package/dist/index.full.js +4036 -3991
  2. package/dist/index.full.js.map +1 -1
  3. package/dist/index.full.min.js +1 -1
  4. package/dist/index.full.min.js.map +1 -1
  5. package/dist/index.full.min.mjs +1 -1
  6. package/dist/index.full.min.mjs.map +1 -1
  7. package/dist/index.full.mjs +4036 -3991
  8. package/dist/index.full.mjs.map +1 -1
  9. package/dist/styles/index.css +6 -6
  10. package/es/component.mjs +1 -1
  11. package/es/component.mjs.map +1 -1
  12. package/es/components/avatar/src/avatar.d.ts +37 -9
  13. package/es/components/button/index.d.ts +1 -1
  14. package/es/components/button/index.mjs +1 -1
  15. package/es/components/button/index.mjs.map +1 -1
  16. package/es/components/button/src/button.d.ts +1 -1
  17. package/es/components/carNumber/index.d.ts +1 -1
  18. package/es/components/carNumber/index.mjs +1 -1
  19. package/es/components/carNumber/index.mjs.map +1 -1
  20. package/es/components/carNumber/src/carNumber.mjs +1 -1
  21. package/es/components/carNumber/src/carNumber.mjs.map +1 -1
  22. package/es/components/dialog/src/dialog.d.ts +3 -3
  23. package/es/components/form/src/form.d.ts +3 -3
  24. package/es/components/form/src/formItem.d.ts +7 -7
  25. package/es/components/icon/src/icon.d.ts +3 -3
  26. package/es/components/image/src/image.d.ts +2 -2
  27. package/es/components/inputDialogPage/src/inputDialogPage.d.ts +7 -6
  28. package/es/components/inputDialogPage/src/inputDialogPage.mjs +1 -1
  29. package/es/components/inputDialogPage/src/inputDialogPage.mjs.map +1 -1
  30. package/es/components/layoutGrid/src/layoutGrid.d.ts +2 -2
  31. package/es/components/layoutGrid/src/layoutGridItem.d.ts +4 -4
  32. package/es/components/select/src/select.d.ts +5 -5
  33. package/es/components/select/src/select.mjs +1 -1
  34. package/es/components/select/src/select.mjs.map +1 -1
  35. package/es/components/selectPage/src/selectPage.d.ts +4 -4
  36. package/es/components/selectPage/src/selectPage.mjs +1 -1
  37. package/es/components/selectPage/src/selectPage.mjs.map +1 -1
  38. package/es/components/selectV2/src/selectV2.d.ts +9 -9
  39. package/es/components/selectV2/src/selectV2.mjs +1 -1
  40. package/es/components/selectV2/src/selectV2.mjs.map +1 -1
  41. package/es/components/table/src/table.d.ts +32 -25
  42. package/es/components/table/src/table.mjs +1 -1
  43. package/es/components/table/src/table.mjs.map +1 -1
  44. package/es/components/table/src/tableColumn.d.ts +8 -8
  45. package/es/components/table/src/tableSearchFormItem.mjs +1 -1
  46. package/es/components/table/src/tableSearchFormItem.mjs.map +1 -1
  47. package/es/components/table/src/useTable.d.ts +1 -1
  48. package/es/components/table/src/useTable.mjs +1 -1
  49. package/es/components/table/src/useTable.mjs.map +1 -1
  50. package/es/components/tree/src/tree.d.ts +9 -9
  51. package/es/components/tree/src/tree.mjs +1 -1
  52. package/es/components/tree/src/tree.mjs.map +1 -1
  53. package/es/components/treeSelect/src/treeSelect.d.ts +7 -7
  54. package/es/components/treeSelect/src/treeSelect.mjs +1 -1
  55. package/es/components/treeSelect/src/treeSelect.mjs.map +1 -1
  56. package/es/components/upload/src/upload.d.ts +8 -4
  57. package/es/components/upload/src/useUpload.d.ts +4 -4
  58. package/es/components/uploadImage/src/uploadImage.d.ts +17 -13
  59. package/es/components/uploadImages/src/uploadImages.d.ts +11 -7
  60. package/es/version.d.ts +1 -1
  61. package/es/version.mjs +1 -1
  62. package/es/version.mjs.map +1 -1
  63. package/lib/component.js +1 -1
  64. package/lib/component.js.map +1 -1
  65. package/lib/components/avatar/src/avatar.d.ts +37 -9
  66. package/lib/components/button/index.d.ts +1 -1
  67. package/lib/components/button/index.js +1 -1
  68. package/lib/components/button/index.js.map +1 -1
  69. package/lib/components/button/src/button.d.ts +1 -1
  70. package/lib/components/carNumber/index.d.ts +1 -1
  71. package/lib/components/carNumber/index.js +1 -1
  72. package/lib/components/carNumber/index.js.map +1 -1
  73. package/lib/components/carNumber/src/carNumber.js +1 -1
  74. package/lib/components/carNumber/src/carNumber.js.map +1 -1
  75. package/lib/components/dialog/src/dialog.d.ts +3 -3
  76. package/lib/components/form/src/form.d.ts +3 -3
  77. package/lib/components/form/src/formItem.d.ts +7 -7
  78. package/lib/components/icon/src/icon.d.ts +3 -3
  79. package/lib/components/image/src/image.d.ts +2 -2
  80. package/lib/components/inputDialogPage/src/inputDialogPage.d.ts +7 -6
  81. package/lib/components/inputDialogPage/src/inputDialogPage.js +1 -1
  82. package/lib/components/inputDialogPage/src/inputDialogPage.js.map +1 -1
  83. package/lib/components/layoutGrid/src/layoutGrid.d.ts +2 -2
  84. package/lib/components/layoutGrid/src/layoutGridItem.d.ts +4 -4
  85. package/lib/components/select/src/select.d.ts +5 -5
  86. package/lib/components/select/src/select.js +1 -1
  87. package/lib/components/select/src/select.js.map +1 -1
  88. package/lib/components/selectPage/src/selectPage.d.ts +4 -4
  89. package/lib/components/selectPage/src/selectPage.js +1 -1
  90. package/lib/components/selectPage/src/selectPage.js.map +1 -1
  91. package/lib/components/selectV2/src/selectV2.d.ts +9 -9
  92. package/lib/components/selectV2/src/selectV2.js +1 -1
  93. package/lib/components/selectV2/src/selectV2.js.map +1 -1
  94. package/lib/components/table/src/table.d.ts +32 -25
  95. package/lib/components/table/src/table.js +1 -1
  96. package/lib/components/table/src/table.js.map +1 -1
  97. package/lib/components/table/src/tableColumn.d.ts +8 -8
  98. package/lib/components/table/src/tableSearchFormItem.js +1 -1
  99. package/lib/components/table/src/tableSearchFormItem.js.map +1 -1
  100. package/lib/components/table/src/useTable.d.ts +1 -1
  101. package/lib/components/table/src/useTable.js +1 -1
  102. package/lib/components/table/src/useTable.js.map +1 -1
  103. package/lib/components/tree/src/tree.d.ts +9 -9
  104. package/lib/components/tree/src/tree.js +1 -1
  105. package/lib/components/tree/src/tree.js.map +1 -1
  106. package/lib/components/treeSelect/src/treeSelect.d.ts +7 -7
  107. package/lib/components/treeSelect/src/treeSelect.js +1 -1
  108. package/lib/components/treeSelect/src/treeSelect.js.map +1 -1
  109. package/lib/components/upload/src/upload.d.ts +8 -4
  110. package/lib/components/upload/src/useUpload.d.ts +4 -4
  111. package/lib/components/uploadImage/src/uploadImage.d.ts +17 -13
  112. package/lib/components/uploadImages/src/uploadImages.d.ts +11 -7
  113. package/lib/version.d.ts +1 -1
  114. package/lib/version.js +1 -1
  115. package/lib/version.js.map +1 -1
  116. package/package.json +1 -1
  117. package/styles/components/table.scss +6 -6
@@ -664,22 +664,22 @@
664
664
  display: inline-block;
665
665
  }
666
666
  .el-table .el-table__body-wrapper .el-table__body .fa-table__primary-row {
667
- --el-table-tr-bfa-color: var(--el-color-primary-light-9);
667
+ --el-table-tr-bg-color: var(--el-color-primary-light-9);
668
668
  }
669
669
  .el-table .el-table__body-wrapper .el-table__body .fa-table__success-row {
670
- --el-table-tr-bfa-color: var(--el-color-success-light-9);
670
+ --el-table-tr-bg-color: var(--el-color-success-light-9);
671
671
  }
672
672
  .el-table .el-table__body-wrapper .el-table__body .fa-table__warning-row {
673
- --el-table-tr-bfa-color: var(--el-color-warning-light-9);
673
+ --el-table-tr-bg-color: var(--el-color-warning-light-9);
674
674
  }
675
675
  .el-table .el-table__body-wrapper .el-table__body .fa-table__danger-row {
676
- --el-table-tr-bfa-color: var(--el-color-danger-light-9);
676
+ --el-table-tr-bg-color: var(--el-color-danger-light-9);
677
677
  }
678
678
  .el-table .el-table__body-wrapper .el-table__body .fa-table__error-row {
679
- --el-table-tr-bfa-color: var(--el-color-error-light-9);
679
+ --el-table-tr-bg-color: var(--el-color-error-light-9);
680
680
  }
681
681
  .el-table .el-table__body-wrapper .el-table__body .fa-table__info-row {
682
- --el-table-tr-bfa-color: var(--el-color-info-light-9);
682
+ --el-table-tr-bg-color: var(--el-color-info-light-9);
683
683
  }
684
684
  .el-table .el-table__body-wrapper .el-table__body .el-table__row .el-table__cell:not(.fa-table__operation-column) .el-button.is-link {
685
685
  --el-button-text-color: var(--el-text-color-regular);
package/es/component.mjs CHANGED
@@ -1,2 +1,2 @@
1
- import{FaAvatar as o}from"./components/avatar/index.mjs";import{FaButton as m}from"./components/button/index.mjs";import{FaCarNumber as n}from"./components/carNumber/index.mjs";import{FaContextMenu as e}from"./components/contextMenu/index.mjs";import{FaDialog as t}from"./components/dialog/index.mjs";import{FaDrawer as r}from"./components/drawer/index.mjs";import{FaForm as i,FaFormItem as s}from"./components/form/index.mjs";import{FaFormItemTip as p}from"./components/formItemTip/index.mjs";import{FaIcon as c}from"./components/icon/index.mjs";import{FaIconSelector as d}from"./components/iconSelector/index.mjs";import{FaImage as f}from"./components/image/index.mjs";import{FaLayoutGrid as x,FaLayoutGridItem as j}from"./components/layoutGrid/index.mjs";import{FaSelect as a,FaSelectOption as l}from"./components/select/index.mjs";import{FaSelectPage as u}from"./components/selectPage/index.mjs";import{FaSelectV2 as g}from"./components/selectV2/index.mjs";import{FaTable as b,FaTableColumn as I}from"./components/table/index.mjs";import{FaTree as S}from"./components/tree/index.mjs";import{FaTreeSelect as v}from"./components/treeSelect/index.mjs";import{FaUpload as w}from"./components/upload/index.mjs";import{FaUploadImage as y}from"./components/uploadImage/index.mjs";import{FaUploadImages as G}from"./components/uploadImages/index.mjs";const M=[o,m,n,e,t,r,i,s,p,c,d,f,x,j,a,l,u,g,b,I,S,v,w,y,G];export{M as default};
1
+ import{FaAvatar as o}from"./components/avatar/index.mjs";import{FaButton as m}from"./components/button/index.mjs";import{FaCarNumber as n}from"./components/carNumber/index.mjs";import{FaContextMenu as e}from"./components/contextMenu/index.mjs";import{FaDialog as t}from"./components/dialog/index.mjs";import{FaDrawer as r}from"./components/drawer/index.mjs";import{FaForm as i,FaFormItem as p}from"./components/form/index.mjs";import{FaFormItemTip as s}from"./components/formItemTip/index.mjs";import{FaIcon as c}from"./components/icon/index.mjs";import{FaIconSelector as d}from"./components/iconSelector/index.mjs";import{FaImage as f}from"./components/image/index.mjs";import{FaInputDialogPage as x}from"./components/inputDialogPage/index.mjs";import{FaLayoutGrid as j,FaLayoutGridItem as a}from"./components/layoutGrid/index.mjs";import{FaSelect as l,FaSelectOption as u}from"./components/select/index.mjs";import{FaSelectPage as g}from"./components/selectPage/index.mjs";import{FaSelectV2 as b}from"./components/selectV2/index.mjs";import{FaTable as I,FaTableColumn as P}from"./components/table/index.mjs";import{FaTree as S}from"./components/tree/index.mjs";import{FaTreeSelect as v}from"./components/treeSelect/index.mjs";import{FaUpload as w}from"./components/upload/index.mjs";import{FaUploadImage as y}from"./components/uploadImage/index.mjs";import{FaUploadImages as D}from"./components/uploadImages/index.mjs";const G=[o,m,n,e,t,r,i,p,s,c,d,f,x,j,a,l,u,g,b,I,P,S,v,w,y,D];export{G as default};
2
2
  //# sourceMappingURL=component.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"component.mjs","sources":["../../packages/component.ts"],"sourcesContent":["import { FaAvatar } from \"@fast-element-plus/components/avatar\";\nimport { FaButton } from \"@fast-element-plus/components/button\";\nimport { FaCarNumber } from \"@fast-element-plus/components/carNumber\";\nimport { FaContextMenu } from \"@fast-element-plus/components/contextMenu\";\nimport { FaDialog } from \"@fast-element-plus/components/dialog\";\nimport { FaDrawer } from \"@fast-element-plus/components/drawer\";\nimport { FaForm, FaFormItem } from \"@fast-element-plus/components/form\";\nimport { FaFormItemTip } from \"@fast-element-plus/components/formItemTip\";\nimport { FaIcon } from \"@fast-element-plus/components/icon\";\nimport { FaIconSelector } from \"@fast-element-plus/components/iconSelector\";\nimport { FaImage } from \"@fast-element-plus/components/image\";\nimport { FaLayoutGrid, FaLayoutGridItem } from \"@fast-element-plus/components/layoutGrid\";\nimport { FaSelect, FaSelectOption } from \"@fast-element-plus/components/select\";\nimport { FaSelectPage } from \"@fast-element-plus/components/selectPage\";\nimport { FaSelectV2 } from \"@fast-element-plus/components/selectV2\";\nimport { FaTable, FaTableColumn } from \"@fast-element-plus/components/table\";\nimport { FaTree } from \"@fast-element-plus/components/tree\";\nimport { FaTreeSelect } from \"@fast-element-plus/components/treeSelect\";\nimport { FaUpload } from \"@fast-element-plus/components/upload\";\nimport { FaUploadImage } from \"@fast-element-plus/components/uploadImage\";\nimport { FaUploadImages } from \"@fast-element-plus/components/uploadImages\";\nimport type { Plugin } from \"vue\";\n\nexport default [\n\tFaAvatar,\n\tFaButton,\n\tFaCarNumber,\n\tFaContextMenu,\n\tFaDialog,\n\tFaDrawer,\n\tFaForm,\n\tFaFormItem,\n\tFaFormItemTip,\n\tFaIcon,\n\tFaIconSelector,\n\tFaImage,\n\tFaLayoutGrid,\n\tFaLayoutGridItem,\n\tFaSelect,\n\tFaSelectOption,\n\tFaSelectPage,\n\tFaSelectV2,\n\tFaTable,\n\tFaTableColumn,\n\tFaTree,\n\tFaTreeSelect,\n\tFaUpload,\n\tFaUploadImage,\n\tFaUploadImages,\n] as Plugin[];\n"],"names":["FastElementPlusComponents","FaAvatar","FaButton","FaCarNumber","FaContextMenu","FaDialog","FaDrawer","FaForm","FaFormItem","FaFormItemTip","FaIcon","FaIconSelector","FaImage","FaLayoutGrid","FaLayoutGridItem","FaSelect","FaSelectOption","FaSelectPage","FaSelectV2","FaTable","FaTableColumn","FaTree","FaTreeSelect","FaUpload","FaUploadImage","FaUploadImages"],"mappings":"k0CAuBA,MAAAA,EAAe,CACdC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC"}
1
+ {"version":3,"file":"component.mjs","sources":["../../packages/component.ts"],"sourcesContent":["import { FaAvatar } from \"@fast-element-plus/components/avatar\";\nimport { FaButton } from \"@fast-element-plus/components/button\";\nimport { FaCarNumber } from \"@fast-element-plus/components/carNumber\";\nimport { FaContextMenu } from \"@fast-element-plus/components/contextMenu\";\nimport { FaDialog } from \"@fast-element-plus/components/dialog\";\nimport { FaDrawer } from \"@fast-element-plus/components/drawer\";\nimport { FaForm, FaFormItem } from \"@fast-element-plus/components/form\";\nimport { FaFormItemTip } from \"@fast-element-plus/components/formItemTip\";\nimport { FaIcon } from \"@fast-element-plus/components/icon\";\nimport { FaIconSelector } from \"@fast-element-plus/components/iconSelector\";\nimport { FaImage } from \"@fast-element-plus/components/image\";\nimport { FaInputDialogPage } from \"@fast-element-plus/components/inputDialogPage\";\nimport { FaLayoutGrid, FaLayoutGridItem } from \"@fast-element-plus/components/layoutGrid\";\nimport { FaSelect, FaSelectOption } from \"@fast-element-plus/components/select\";\nimport { FaSelectPage } from \"@fast-element-plus/components/selectPage\";\nimport { FaSelectV2 } from \"@fast-element-plus/components/selectV2\";\nimport { FaTable, FaTableColumn } from \"@fast-element-plus/components/table\";\nimport { FaTree } from \"@fast-element-plus/components/tree\";\nimport { FaTreeSelect } from \"@fast-element-plus/components/treeSelect\";\nimport { FaUpload } from \"@fast-element-plus/components/upload\";\nimport { FaUploadImage } from \"@fast-element-plus/components/uploadImage\";\nimport { FaUploadImages } from \"@fast-element-plus/components/uploadImages\";\nimport type { Plugin } from \"vue\";\n\nexport default [\n\tFaAvatar,\n\tFaButton,\n\tFaCarNumber,\n\tFaContextMenu,\n\tFaDialog,\n\tFaDrawer,\n\tFaForm,\n\tFaFormItem,\n\tFaFormItemTip,\n\tFaIcon,\n\tFaIconSelector,\n\tFaImage,\n\tFaInputDialogPage,\n\tFaLayoutGrid,\n\tFaLayoutGridItem,\n\tFaSelect,\n\tFaSelectOption,\n\tFaSelectPage,\n\tFaSelectV2,\n\tFaTable,\n\tFaTableColumn,\n\tFaTree,\n\tFaTreeSelect,\n\tFaUpload,\n\tFaUploadImage,\n\tFaUploadImages,\n] as Plugin[];\n"],"names":["FastElementPlusComponents","FaAvatar","FaButton","FaCarNumber","FaContextMenu","FaDialog","FaDrawer","FaForm","FaFormItem","FaFormItemTip","FaIcon","FaIconSelector","FaImage","FaInputDialogPage","FaLayoutGrid","FaLayoutGridItem","FaSelect","FaSelectOption","FaSelectPage","FaSelectV2","FaTable","FaTableColumn","FaTree","FaTreeSelect","FaUpload","FaUploadImage","FaUploadImages"],"mappings":"64CAwBA,MAAAA,EAAe,CACdC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC"}
@@ -15,8 +15,18 @@ export declare const faAvatarProps: {
15
15
  small: BooleanConstructor;
16
16
  /** @description 缩略图 */
17
17
  thumb: BooleanConstructor;
18
- size: import('element-plus/es/utils/index.mjs').EpPropFinalized<readonly [NumberConstructor, StringConstructor], "" | "small" | "default" | "large", number, "", boolean>;
19
- shape: import('element-plus/es/utils/index.mjs').EpPropFinalized<StringConstructor, "circle" | "square", unknown, "circle", boolean>;
18
+ size: {
19
+ readonly type: import('vue').PropType<import('element-plus/es/utils/index.mjs').EpPropMergeType<readonly [NumberConstructor, StringConstructor], "" | "small" | "default" | "large", number>>;
20
+ readonly required: false;
21
+ readonly validator: ((val: unknown) => boolean) | undefined;
22
+ __epPropKey: true;
23
+ };
24
+ shape: {
25
+ readonly type: import('vue').PropType<import('element-plus/es/utils/index.mjs').EpPropMergeType<StringConstructor, "circle" | "square", unknown>>;
26
+ readonly required: false;
27
+ readonly validator: ((val: unknown) => boolean) | undefined;
28
+ __epPropKey: true;
29
+ };
20
30
  src: import('element-plus/es/utils/index.mjs').EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
21
31
  alt: StringConstructor;
22
32
  srcSet: StringConstructor;
@@ -47,8 +57,18 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
47
57
  small: BooleanConstructor;
48
58
  /** @description 缩略图 */
49
59
  thumb: BooleanConstructor;
50
- size: import('element-plus/es/utils/index.mjs').EpPropFinalized<readonly [NumberConstructor, StringConstructor], "" | "small" | "default" | "large", number, "", boolean>;
51
- shape: import('element-plus/es/utils/index.mjs').EpPropFinalized<StringConstructor, "circle" | "square", unknown, "circle", boolean>;
60
+ size: {
61
+ readonly type: import('vue').PropType<import('element-plus/es/utils/index.mjs').EpPropMergeType<readonly [NumberConstructor, StringConstructor], "" | "small" | "default" | "large", number>>;
62
+ readonly required: false;
63
+ readonly validator: ((val: unknown) => boolean) | undefined;
64
+ __epPropKey: true;
65
+ };
66
+ shape: {
67
+ readonly type: import('vue').PropType<import('element-plus/es/utils/index.mjs').EpPropMergeType<StringConstructor, "circle" | "square", unknown>>;
68
+ readonly required: false;
69
+ readonly validator: ((val: unknown) => boolean) | undefined;
70
+ __epPropKey: true;
71
+ };
52
72
  src: import('element-plus/es/utils/index.mjs').EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
53
73
  alt: StringConstructor;
54
74
  srcSet: StringConstructor;
@@ -74,8 +94,18 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
74
94
  small: BooleanConstructor;
75
95
  /** @description 缩略图 */
76
96
  thumb: BooleanConstructor;
77
- size: import('element-plus/es/utils/index.mjs').EpPropFinalized<readonly [NumberConstructor, StringConstructor], "" | "small" | "default" | "large", number, "", boolean>;
78
- shape: import('element-plus/es/utils/index.mjs').EpPropFinalized<StringConstructor, "circle" | "square", unknown, "circle", boolean>;
97
+ size: {
98
+ readonly type: import('vue').PropType<import('element-plus/es/utils/index.mjs').EpPropMergeType<readonly [NumberConstructor, StringConstructor], "" | "small" | "default" | "large", number>>;
99
+ readonly required: false;
100
+ readonly validator: ((val: unknown) => boolean) | undefined;
101
+ __epPropKey: true;
102
+ };
103
+ shape: {
104
+ readonly type: import('vue').PropType<import('element-plus/es/utils/index.mjs').EpPropMergeType<StringConstructor, "circle" | "square", unknown>>;
105
+ readonly required: false;
106
+ readonly validator: ((val: unknown) => boolean) | undefined;
107
+ __epPropKey: true;
108
+ };
79
109
  src: import('element-plus/es/utils/index.mjs').EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
80
110
  alt: StringConstructor;
81
111
  srcSet: StringConstructor;
@@ -83,14 +113,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
83
113
  }>> & Readonly<{
84
114
  onError?: (evt: Event) => any;
85
115
  }>, {
86
- small: boolean;
87
- size: import('element-plus/es/utils/index.mjs').EpPropMergeType<readonly [NumberConstructor, StringConstructor], "" | "small" | "default" | "large", number>;
88
116
  icon: string | Component;
89
117
  base64: boolean;
90
118
  original: boolean;
91
119
  normal: boolean;
120
+ small: boolean;
92
121
  thumb: boolean;
93
- shape: import('element-plus/es/utils/index.mjs').EpPropMergeType<StringConstructor, "circle" | "square", unknown>;
94
122
  src: string;
95
123
  fit: import('element-plus/es/utils/index.mjs').EpPropMergeType<(new (...args: any[]) => "fill" | "contain" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "cover" | "scale-down") | (() => import("csstype").Property.ObjectFit | undefined) | ((new (...args: any[]) => "fill" | "contain" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "cover" | "scale-down") | (() => import("csstype").Property.ObjectFit | undefined))[], unknown, unknown>;
96
124
  }, import('vue').SlotsType<Partial<import('@fast-china/utils').MakeSlots<FaAvatarSlots>>>, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
@@ -4,7 +4,7 @@ import type { faButtonEmits, faButtonProps } from "./src/button";
4
4
  import type { ExtractPropTypes } from "vue";
5
5
 
6
6
  export declare const FaButton: TSXWithInstall<typeof Button>;
7
- export default Button;
7
+ export default FaButton;
8
8
 
9
9
  export { faButtonProps, faButtonEmits };
10
10
 
@@ -1,2 +1,2 @@
1
- import{withInstall as t}from"@fast-china/utils";import o from"./src/button.mjs";import{faButtonEmits as r,faButtonProps as m}from"./src/button.mjs";const s=t(o);export{s as FaButton,o as default,r as faButtonEmits,m as faButtonProps};
1
+ import{withInstall as t}from"@fast-china/utils";import o from"./src/button.mjs";import{faButtonEmits as r,faButtonProps as m}from"./src/button.mjs";const s=t(o);export{s as FaButton,s as default,r as faButtonEmits,m as faButtonProps};
2
2
  //# sourceMappingURL=index.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.mjs","sources":["../../../../packages/components/button/index.ts"],"sourcesContent":["import { withInstall } from \"@fast-china/utils\";\nimport Button, { faButtonEmits, faButtonProps } from \"./src/button\";\nimport type { ExtractPropTypes } from \"vue\";\n\nexport const FaButton = withInstall(Button);\nexport default Button;\n\nexport { faButtonProps, faButtonEmits };\n\nexport type FaButtonInstance = InstanceType<typeof Button>;\n\nexport type FaButtonProps = ExtractPropTypes<typeof faButtonProps>;\n\nexport type FaButtonEmits = typeof faButtonEmits;\n"],"names":["FaButton","withInstall","Button"],"mappings":"oJAIO,MAAMA,EAAWC,EAAYC"}
1
+ {"version":3,"file":"index.mjs","sources":["../../../../packages/components/button/index.ts"],"sourcesContent":["import { withInstall } from \"@fast-china/utils\";\nimport Button, { faButtonEmits, faButtonProps } from \"./src/button\";\nimport type { ExtractPropTypes } from \"vue\";\n\nexport const FaButton = withInstall(Button);\nexport default FaButton;\n\nexport { faButtonProps, faButtonEmits };\n\nexport type FaButtonInstance = InstanceType<typeof Button>;\n\nexport type FaButtonProps = ExtractPropTypes<typeof faButtonProps>;\n\nexport type FaButtonEmits = typeof faButtonEmits;\n"],"names":["FaButton","withInstall","Button"],"mappings":"oJAIO,MAAMA,EAAWC,EAAYC"}
@@ -95,7 +95,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
95
95
  /** @description 按钮 html 元素 */
96
96
  ref: import('vue').ComputedRef<HTMLButtonElement>;
97
97
  /** @description 按钮尺寸 */
98
- size: import('vue').ComputedRef<"" | "small" | "default" | "large">;
98
+ size: import('vue').ComputedRef<"" | "default" | "small" | "large">;
99
99
  /** @description 按钮类型 */
100
100
  type: import('vue').ComputedRef<"" | "default" | "text" | "primary" | "success" | "warning" | "info" | "danger">;
101
101
  /** @description 按钮已禁用 */
@@ -2,7 +2,7 @@ import { TSXWithInstall } from "@fast-china/utils";
2
2
  import { default as CarNumber } from "./src/carNumber";
3
3
 
4
4
  export declare const FaCarNumber: TSXWithInstall<typeof CarNumber>;
5
- export default CarNumber;
5
+ export default FaCarNumber;
6
6
 
7
7
  export * from "./src/common";
8
8
 
@@ -1,2 +1,2 @@
1
- import{withInstall as m}from"@fast-china/utils";import r from"./src/carNumber.mjs";import{CarNumberArea as o,CarNumberDigit as s,CarNumberLetter as t}from"./src/common.mjs";const c=m(r);export{o as CarNumberArea,s as CarNumberDigit,t as CarNumberLetter,c as FaCarNumber,r as default};
1
+ import{withInstall as m}from"@fast-china/utils";import r from"./src/carNumber.mjs";import{CarNumberArea as o,CarNumberDigit as s,CarNumberLetter as t}from"./src/common.mjs";const c=m(r);export{o as CarNumberArea,s as CarNumberDigit,t as CarNumberLetter,c as FaCarNumber,c as default};
2
2
  //# sourceMappingURL=index.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.mjs","sources":["../../../../packages/components/carNumber/index.ts"],"sourcesContent":["import { withInstall } from \"@fast-china/utils\";\nimport CarNumber from \"./src/carNumber\";\n\nexport const FaCarNumber = withInstall(CarNumber);\nexport default CarNumber;\n\nexport * from \"./src/common\";\n\nexport type FaCarNumberInstance = InstanceType<typeof CarNumber>;\n"],"names":["FaCarNumber","withInstall","CarNumber"],"mappings":"6KAGO,MAAMA,EAAcC,EAAYC"}
1
+ {"version":3,"file":"index.mjs","sources":["../../../../packages/components/carNumber/index.ts"],"sourcesContent":["import { withInstall } from \"@fast-china/utils\";\nimport CarNumber from \"./src/carNumber\";\n\nexport const FaCarNumber = withInstall(CarNumber);\nexport default FaCarNumber;\n\nexport * from \"./src/common\";\n\nexport type FaCarNumberInstance = InstanceType<typeof CarNumber>;\n"],"names":["FaCarNumber","withInstall","CarNumber"],"mappings":"6KAGO,MAAMA,EAAcC,EAAYC"}
@@ -1,2 +1,2 @@
1
- import{isVNode as e,defineComponent as l,reactive as a,computed as t,ref as r,inject as o,createVNode as u,Fragment as n,createTextVNode as i,mergeProps as p}from"vue";import{formContextKey as d,formItemContextKey as s,ElMessage as c,inputProps as m,ElPopover as v,ElButton as _,ElInput as f}from"element-plus";import{Back as b}from"@element-plus/icons-vue";import"../../../constants/index.mjs";import{useProps as h,useRender as g}from"@fast-china/utils";import{isString as y,isNull as C}from"lodash-unified";import{CarNumberArea as k,CarNumberDigit as w,CarNumberLetter as j}from"./common.mjs";import{useVModel as V}from"@vueuse/core";import{RegExps as x}from"../../../constants/regex.mjs";function B(l){return"function"==typeof l||"[object Object]"===Object.prototype.toString.call(l)&&!e(l)}const F=/* @__PURE__ */l({name:"FaCarNumber",props:{...m,modelValue:{type:String,default:void 0},placeholder:{type:String,default:"请选择"}},emits:{"update:modelValue":e=>y(e)||C(e),change:e=>y(e)||C(e)},setup(e,{attrs:l,slots:y,emit:C,expose:F}){const N=V(e,"modelValue",C),A=a({switchLetter:t(()=>N.value?.length>=1),disabledButton:t(()=>N.value?.length>=8)}),L=r(),S=o(d,void 0),$=o(s,void 0),O=e=>2===e.length?`${e} ● `:e.length>2?`${e.slice(0,2)} ● ${e.slice(2)}`:e,E=e=>{N.value??="",N.value+=e},U=()=>{0!==N.value?.length&&(N.value=N.value.substring(0,N.value.length-1))},q=()=>{let e=!1;7===N.value.length?e=x.CarNumber.test(N.value):8===N.value.length&&(e=x.NewEnergyCarNumber.test(N.value)),e?(C("change",N.value),$?.prop&&S?.validateField([$.prop])):$?.prop&&S?(C("change",N.value),S.validateField([$.prop])):c.error("车牌号格式不正确"),L.value?.hide()},z=()=>{N.value=null,C("change",null),$?.prop&&S?.validateField([$.prop])},D=h(e,m,["modelValue","readonly","formatter"]);g(()=>u(v,{ref:L,width:"auto",popperClass:"fa-car-number__popover",trigger:"click",showArrow:!1,showAfter:0,hideAfter:0},{reference:()=>u(f,p(D.value,{class:"fa-car-number__input",modelValue:N.value,"onUpdate:modelValue":e=>N.value=e,readonly:!0,formatter:O}),null),default:()=>u(n,null,[u("div",{class:["fa-car-number__popover__area",A.switchLetter?"fa-car-number__popover__hide":""]},[k.map(e=>u(_,{disabled:A.disabledButton,onClick:()=>E(e)},B(e)?e:{default:()=>[e]}))]),u("div",{class:["fa-car-number__popover__digit-letter",A.switchLetter?"":"fa-car-number__popover__hide"]},[w.map(e=>u(_,{disabled:A.disabledButton,onClick:()=>E(e)},B(e)?e:{default:()=>[e]})),j.map(e=>u(_,{disabled:A.disabledButton,onClick:()=>E(e)},B(e)?e:{default:()=>[e]}))]),u("div",{class:"fa-car-number__popover__btn"},[u(_,{class:"fa-car-number__popover__btn__clear",disabled:null===N.value||0===N.value.length,onClick:z},{default:()=>[i("清除")]}),u(_,{class:"fa-car-number__popover__btn__back",type:"danger",icon:b,disabled:null===N.value||0===N.value.length,onClick:U},null),u(_,{class:"fa-car-number__popover__btn__confirm",type:"primary",disabled:null===N.value||N.value.length<7,onClick:q},{default:()=>[i("确认")]})])])}))}});export{F as default};
1
+ import{isVNode as e,defineComponent as l,reactive as a,computed as t,ref as r,inject as o,createVNode as u,Fragment as n,createTextVNode as i,mergeProps as p}from"vue";import{formContextKey as s,formItemContextKey as d,ElMessage as c,inputProps as m,ElPopover as v,ElButton as _,ElInput as f}from"element-plus";import{Back as b}from"@element-plus/icons-vue";import"../../../constants/index.mjs";import{useProps as h,useRender as g}from"@fast-china/utils";import{isString as y,isNull as C}from"lodash-unified";import{CarNumberArea as k,CarNumberDigit as w,CarNumberLetter as j}from"./common.mjs";import{useVModel as V}from"@vueuse/core";import{RegExps as x}from"../../../constants/regex.mjs";function B(l){return"function"==typeof l||"[object Object]"===Object.prototype.toString.call(l)&&!e(l)}const F=/* @__PURE__ */l({name:"FaCarNumber",props:{...m,modelValue:{type:String,default:void 0},placeholder:{type:String,default:"请选择"}},emits:{"update:modelValue":e=>y(e)||C(e),change:e=>y(e)||C(e)},setup(e,{attrs:l,slots:y,emit:C,expose:F}){const N=V(e,"modelValue",C,{passive:!0}),A=a({switchLetter:t(()=>N.value?.length>=1),disabledButton:t(()=>N.value?.length>=8)}),L=r(),S=o(s,void 0),$=o(d,void 0),O=e=>2===e.length?`${e} ● `:e.length>2?`${e.slice(0,2)} ● ${e.slice(2)}`:e,E=e=>{N.value??="",N.value+=e},U=()=>{0!==N.value?.length&&(N.value=N.value.substring(0,N.value.length-1))},q=()=>{let e=!1;7===N.value.length?e=x.CarNumber.test(N.value):8===N.value.length&&(e=x.NewEnergyCarNumber.test(N.value)),e?(C("change",N.value),$?.prop&&S?.validateField([$.prop])):$?.prop&&S?(C("change",N.value),S.validateField([$.prop])):c.error("车牌号格式不正确"),L.value?.hide()},z=()=>{N.value=null,C("change",null),$?.prop&&S?.validateField([$.prop])},D=h(e,m,["modelValue","readonly","formatter"]);g(()=>u(v,{ref:L,width:"auto",popperClass:"fa-car-number__popover",trigger:"click",showArrow:!1,showAfter:0,hideAfter:0},{reference:()=>u(f,p(D.value,{class:"fa-car-number__input",modelValue:N.value,"onUpdate:modelValue":e=>N.value=e,readonly:!0,formatter:O}),null),default:()=>u(n,null,[u("div",{class:["fa-car-number__popover__area",A.switchLetter?"fa-car-number__popover__hide":""]},[k.map(e=>u(_,{disabled:A.disabledButton,onClick:()=>E(e)},B(e)?e:{default:()=>[e]}))]),u("div",{class:["fa-car-number__popover__digit-letter",A.switchLetter?"":"fa-car-number__popover__hide"]},[w.map(e=>u(_,{disabled:A.disabledButton,onClick:()=>E(e)},B(e)?e:{default:()=>[e]})),j.map(e=>u(_,{disabled:A.disabledButton,onClick:()=>E(e)},B(e)?e:{default:()=>[e]}))]),u("div",{class:"fa-car-number__popover__btn"},[u(_,{class:"fa-car-number__popover__btn__clear",disabled:null===N.value||0===N.value.length,onClick:z},{default:()=>[i("清除")]}),u(_,{class:"fa-car-number__popover__btn__back",type:"danger",icon:b,disabled:null===N.value||0===N.value.length,onClick:U},null),u(_,{class:"fa-car-number__popover__btn__confirm",type:"primary",disabled:null===N.value||N.value.length<7,onClick:q},{default:()=>[i("确认")]})])])}))}});export{F as default};
2
2
  //# sourceMappingURL=carNumber.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"carNumber.mjs","sources":["../../../../../packages/components/carNumber/src/carNumber.tsx"],"sourcesContent":["import { Fragment, computed, defineComponent, inject, reactive, ref } from \"vue\";\nimport { ElButton, ElInput, ElMessage, ElPopover, formContextKey, formItemContextKey, inputProps } from \"element-plus\";\nimport { Back } from \"@element-plus/icons-vue\";\nimport { RegExps } from \"@fast-element-plus/constants\";\nimport { useProps, useRender } from \"@fast-china/utils\";\nimport { isNull, isString } from \"lodash-unified\";\nimport { CarNumberArea, CarNumberDigit, CarNumberLetter } from \"./common\";\nimport type { PopoverInstance } from \"element-plus\";\nimport { useVModel } from \"@vueuse/core\";\n\nexport default defineComponent({\n\tname: \"FaCarNumber\",\n\tprops: {\n\t\t...inputProps,\n\t\t/** @description v-model绑定值 */\n\t\tmodelValue: {\n\t\t\ttype: String,\n\t\t\tdefault: undefined,\n\t\t},\n\t\t/** @description placeholder */\n\t\tplaceholder: {\n\t\t\ttype: String,\n\t\t\tdefault: \"请选择\",\n\t\t},\n\t},\n\temits: {\n\t\t/** @description v-model 回调 */\n\t\t\"update:modelValue\": (value: string) => isString(value) || isNull(value),\n\t\t/** @description 改变 */\n\t\tchange: (value: string) => isString(value) || isNull(value),\n\t},\n\tsetup(props, { attrs, slots, emit, expose }) {\n\t\tconst modelValue = useVModel(props, \"modelValue\", emit);\n\n\t\tconst state = reactive({\n\t\t\tswitchLetter: computed(() => {\n\t\t\t\tif (modelValue.value?.length >= 1) {\n\t\t\t\t\treturn true;\n\t\t\t\t}\n\t\t\t\treturn false;\n\t\t\t}),\n\t\t\tdisabledButton: computed(() => {\n\t\t\t\tif (modelValue.value?.length >= 8) {\n\t\t\t\t\treturn true;\n\t\t\t\t}\n\t\t\t\treturn false;\n\t\t\t}),\n\t\t});\n\n\t\tconst popoverRef = ref<PopoverInstance>();\n\t\t// 获取 el-form 组件上下文\n\t\tconst formContext = inject(formContextKey, undefined);\n\t\t// 获取 el-form-item 组件上下文\n\t\tconst formItemContext = inject(formItemContextKey, undefined);\n\n\t\tconst handleInputFormatter = (value: string): string => {\n\t\t\tif (value.length === 2) {\n\t\t\t\treturn `${value} ● `;\n\t\t\t} else if (value.length > 2) {\n\t\t\t\treturn `${value.slice(0, 2)} ● ${value.slice(2)}`;\n\t\t\t} else {\n\t\t\t\treturn value;\n\t\t\t}\n\t\t};\n\n\t\tconst handleSelectCarNumber = (value: string): void => {\n\t\t\tmodelValue.value ??= \"\";\n\t\t\tmodelValue.value += value;\n\t\t};\n\n\t\tconst handleBackClick = (): void => {\n\t\t\tif (modelValue.value?.length === 0) return;\n\t\t\tmodelValue.value = modelValue.value.substring(0, modelValue.value.length - 1);\n\t\t};\n\n\t\tconst handleConfirmClick = (): void => {\n\t\t\tlet success = false;\n\t\t\tif (modelValue.value.length === 7) {\n\t\t\t\tsuccess = RegExps.CarNumber.test(modelValue.value);\n\t\t\t} else if (modelValue.value.length === 8) {\n\t\t\t\tsuccess = RegExps.NewEnergyCarNumber.test(modelValue.value);\n\t\t\t}\n\t\t\tif (success) {\n\t\t\t\temit(\"change\", modelValue.value);\n\t\t\t\t// 调用 el-form 内部的校验方法(可自动校验)\n\t\t\t\tformItemContext?.prop && formContext?.validateField([formItemContext.prop]);\n\t\t\t} else {\n\t\t\t\tif (formItemContext?.prop && formContext) {\n\t\t\t\t\temit(\"change\", modelValue.value);\n\t\t\t\t\t// 调用 el-form 内部的校验方法(可自动校验)\n\t\t\t\t\tformContext.validateField([formItemContext.prop]);\n\t\t\t\t} else {\n\t\t\t\t\tElMessage.error(\"车牌号格式不正确\");\n\t\t\t\t}\n\t\t\t}\n\t\t\tpopoverRef.value?.hide();\n\t\t};\n\n\t\tconst handleClearClick = (): void => {\n\t\t\tmodelValue.value = null;\n\t\t\temit(\"change\", null);\n\t\t\t// 调用 el-form 内部的校验方法(可自动校验)\n\t\t\tformItemContext?.prop && formContext?.validateField([formItemContext.prop]);\n\t\t};\n\n\t\tconst elInputProps = useProps(props, inputProps, [\"modelValue\", \"readonly\", \"formatter\"]);\n\n\t\tuseRender(() => (\n\t\t\t<ElPopover\n\t\t\t\tref={popoverRef}\n\t\t\t\twidth=\"auto\"\n\t\t\t\tpopperClass=\"fa-car-number__popover\"\n\t\t\t\ttrigger=\"click\"\n\t\t\t\tshowArrow={false}\n\t\t\t\tshowAfter={0}\n\t\t\t\thideAfter={0}\n\t\t\t>\n\t\t\t\t{{\n\t\t\t\t\treference: () => (\n\t\t\t\t\t\t<ElInput\n\t\t\t\t\t\t\t{...elInputProps.value}\n\t\t\t\t\t\t\tclass=\"fa-car-number__input\"\n\t\t\t\t\t\t\tvModel={modelValue.value}\n\t\t\t\t\t\t\treadonly\n\t\t\t\t\t\t\tformatter={handleInputFormatter}\n\t\t\t\t\t\t/>\n\t\t\t\t\t),\n\t\t\t\t\tdefault: () => (\n\t\t\t\t\t\t<Fragment>\n\t\t\t\t\t\t\t<div class={[\"fa-car-number__popover__area\", state.switchLetter ? \"fa-car-number__popover__hide\" : \"\"]}>\n\t\t\t\t\t\t\t\t{CarNumberArea.map((area) => (\n\t\t\t\t\t\t\t\t\t<ElButton disabled={state.disabledButton} onClick={() => handleSelectCarNumber(area)}>\n\t\t\t\t\t\t\t\t\t\t{area}\n\t\t\t\t\t\t\t\t\t</ElButton>\n\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<div class={[\"fa-car-number__popover__digit-letter\", state.switchLetter ? \"\" : \"fa-car-number__popover__hide\"]}>\n\t\t\t\t\t\t\t\t{CarNumberDigit.map((digit) => (\n\t\t\t\t\t\t\t\t\t<ElButton disabled={state.disabledButton} onClick={() => handleSelectCarNumber(digit)}>\n\t\t\t\t\t\t\t\t\t\t{digit}\n\t\t\t\t\t\t\t\t\t</ElButton>\n\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t{CarNumberLetter.map((letter) => (\n\t\t\t\t\t\t\t\t\t<ElButton disabled={state.disabledButton} onClick={() => handleSelectCarNumber(letter)}>\n\t\t\t\t\t\t\t\t\t\t{letter}\n\t\t\t\t\t\t\t\t\t</ElButton>\n\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<div class=\"fa-car-number__popover__btn\">\n\t\t\t\t\t\t\t\t<ElButton\n\t\t\t\t\t\t\t\t\tclass=\"fa-car-number__popover__btn__clear\"\n\t\t\t\t\t\t\t\t\tdisabled={modelValue.value === null || modelValue.value.length === 0}\n\t\t\t\t\t\t\t\t\tonClick={handleClearClick}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t清除\n\t\t\t\t\t\t\t\t</ElButton>\n\t\t\t\t\t\t\t\t<ElButton\n\t\t\t\t\t\t\t\t\tclass=\"fa-car-number__popover__btn__back\"\n\t\t\t\t\t\t\t\t\ttype=\"danger\"\n\t\t\t\t\t\t\t\t\ticon={Back}\n\t\t\t\t\t\t\t\t\tdisabled={modelValue.value === null || modelValue.value.length === 0}\n\t\t\t\t\t\t\t\t\tonClick={handleBackClick}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t<ElButton\n\t\t\t\t\t\t\t\t\tclass=\"fa-car-number__popover__btn__confirm\"\n\t\t\t\t\t\t\t\t\ttype=\"primary\"\n\t\t\t\t\t\t\t\t\tdisabled={modelValue.value === null || modelValue.value.length < 7}\n\t\t\t\t\t\t\t\t\tonClick={handleConfirmClick}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t确认\n\t\t\t\t\t\t\t\t</ElButton>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</Fragment>\n\t\t\t\t\t),\n\t\t\t\t}}\n\t\t\t</ElPopover>\n\t\t));\n\t},\n});\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","CarNumber","name","props","inputProps","modelValue","type","String","default","undefined","placeholder","emits","value","isString","isNull","change","setup","attrs","slots","emit","expose","useVModel","state","reactive","switchLetter","computed","length","disabledButton","popoverRef","ref","formContext","inject","formContextKey","formItemContext","formItemContextKey","handleInputFormatter","slice","handleSelectCarNumber","handleBackClick","substring","handleConfirmClick","success","RegExps","test","NewEnergyCarNumber","prop","validateField","ElMessage","error","hide","handleClearClick","elInputProps","useProps","useRender","_createVNode","ElPopover","width","popperClass","trigger","showArrow","showAfter","hideAfter","reference","ElInput","_mergeProps","class","$event","readonly","formatter","_Fragment","CarNumberArea","map","area","ElButton","disabled","onClick","CarNumberDigit","digit","CarNumberLetter","letter","_createTextVNode","icon","Back"],"mappings":"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"}
1
+ {"version":3,"file":"carNumber.mjs","sources":["../../../../../packages/components/carNumber/src/carNumber.tsx"],"sourcesContent":["import { Fragment, computed, defineComponent, inject, reactive, ref } from \"vue\";\nimport { ElButton, ElInput, ElMessage, ElPopover, formContextKey, formItemContextKey, inputProps } from \"element-plus\";\nimport { Back } from \"@element-plus/icons-vue\";\nimport { RegExps } from \"@fast-element-plus/constants\";\nimport { useProps, useRender } from \"@fast-china/utils\";\nimport { isNull, isString } from \"lodash-unified\";\nimport { CarNumberArea, CarNumberDigit, CarNumberLetter } from \"./common\";\nimport type { PopoverInstance } from \"element-plus\";\nimport { useVModel } from \"@vueuse/core\";\n\nexport default defineComponent({\n\tname: \"FaCarNumber\",\n\tprops: {\n\t\t...inputProps,\n\t\t/** @description v-model绑定值 */\n\t\tmodelValue: {\n\t\t\ttype: String,\n\t\t\tdefault: undefined,\n\t\t},\n\t\t/** @description placeholder */\n\t\tplaceholder: {\n\t\t\ttype: String,\n\t\t\tdefault: \"请选择\",\n\t\t},\n\t},\n\temits: {\n\t\t/** @description v-model 回调 */\n\t\t\"update:modelValue\": (value: string) => isString(value) || isNull(value),\n\t\t/** @description 改变 */\n\t\tchange: (value: string) => isString(value) || isNull(value),\n\t},\n\tsetup(props, { attrs, slots, emit, expose }) {\n\t\tconst modelValue = useVModel(props, \"modelValue\", emit, { passive: true });\n\n\t\tconst state = reactive({\n\t\t\tswitchLetter: computed(() => {\n\t\t\t\tif (modelValue.value?.length >= 1) {\n\t\t\t\t\treturn true;\n\t\t\t\t}\n\t\t\t\treturn false;\n\t\t\t}),\n\t\t\tdisabledButton: computed(() => {\n\t\t\t\tif (modelValue.value?.length >= 8) {\n\t\t\t\t\treturn true;\n\t\t\t\t}\n\t\t\t\treturn false;\n\t\t\t}),\n\t\t});\n\n\t\tconst popoverRef = ref<PopoverInstance>();\n\t\t// 获取 el-form 组件上下文\n\t\tconst formContext = inject(formContextKey, undefined);\n\t\t// 获取 el-form-item 组件上下文\n\t\tconst formItemContext = inject(formItemContextKey, undefined);\n\n\t\tconst handleInputFormatter = (value: string): string => {\n\t\t\tif (value.length === 2) {\n\t\t\t\treturn `${value} ● `;\n\t\t\t} else if (value.length > 2) {\n\t\t\t\treturn `${value.slice(0, 2)} ● ${value.slice(2)}`;\n\t\t\t} else {\n\t\t\t\treturn value;\n\t\t\t}\n\t\t};\n\n\t\tconst handleSelectCarNumber = (value: string): void => {\n\t\t\tmodelValue.value ??= \"\";\n\t\t\tmodelValue.value += value;\n\t\t};\n\n\t\tconst handleBackClick = (): void => {\n\t\t\tif (modelValue.value?.length === 0) return;\n\t\t\tmodelValue.value = modelValue.value.substring(0, modelValue.value.length - 1);\n\t\t};\n\n\t\tconst handleConfirmClick = (): void => {\n\t\t\tlet success = false;\n\t\t\tif (modelValue.value.length === 7) {\n\t\t\t\tsuccess = RegExps.CarNumber.test(modelValue.value);\n\t\t\t} else if (modelValue.value.length === 8) {\n\t\t\t\tsuccess = RegExps.NewEnergyCarNumber.test(modelValue.value);\n\t\t\t}\n\t\t\tif (success) {\n\t\t\t\temit(\"change\", modelValue.value);\n\t\t\t\t// 调用 el-form 内部的校验方法(可自动校验)\n\t\t\t\tformItemContext?.prop && formContext?.validateField([formItemContext.prop]);\n\t\t\t} else {\n\t\t\t\tif (formItemContext?.prop && formContext) {\n\t\t\t\t\temit(\"change\", modelValue.value);\n\t\t\t\t\t// 调用 el-form 内部的校验方法(可自动校验)\n\t\t\t\t\tformContext.validateField([formItemContext.prop]);\n\t\t\t\t} else {\n\t\t\t\t\tElMessage.error(\"车牌号格式不正确\");\n\t\t\t\t}\n\t\t\t}\n\t\t\tpopoverRef.value?.hide();\n\t\t};\n\n\t\tconst handleClearClick = (): void => {\n\t\t\tmodelValue.value = null;\n\t\t\temit(\"change\", null);\n\t\t\t// 调用 el-form 内部的校验方法(可自动校验)\n\t\t\tformItemContext?.prop && formContext?.validateField([formItemContext.prop]);\n\t\t};\n\n\t\tconst elInputProps = useProps(props, inputProps, [\"modelValue\", \"readonly\", \"formatter\"]);\n\n\t\tuseRender(() => (\n\t\t\t<ElPopover\n\t\t\t\tref={popoverRef}\n\t\t\t\twidth=\"auto\"\n\t\t\t\tpopperClass=\"fa-car-number__popover\"\n\t\t\t\ttrigger=\"click\"\n\t\t\t\tshowArrow={false}\n\t\t\t\tshowAfter={0}\n\t\t\t\thideAfter={0}\n\t\t\t>\n\t\t\t\t{{\n\t\t\t\t\treference: () => (\n\t\t\t\t\t\t<ElInput\n\t\t\t\t\t\t\t{...elInputProps.value}\n\t\t\t\t\t\t\tclass=\"fa-car-number__input\"\n\t\t\t\t\t\t\tvModel={modelValue.value}\n\t\t\t\t\t\t\treadonly\n\t\t\t\t\t\t\tformatter={handleInputFormatter}\n\t\t\t\t\t\t/>\n\t\t\t\t\t),\n\t\t\t\t\tdefault: () => (\n\t\t\t\t\t\t<Fragment>\n\t\t\t\t\t\t\t<div class={[\"fa-car-number__popover__area\", state.switchLetter ? \"fa-car-number__popover__hide\" : \"\"]}>\n\t\t\t\t\t\t\t\t{CarNumberArea.map((area) => (\n\t\t\t\t\t\t\t\t\t<ElButton disabled={state.disabledButton} onClick={() => handleSelectCarNumber(area)}>\n\t\t\t\t\t\t\t\t\t\t{area}\n\t\t\t\t\t\t\t\t\t</ElButton>\n\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<div class={[\"fa-car-number__popover__digit-letter\", state.switchLetter ? \"\" : \"fa-car-number__popover__hide\"]}>\n\t\t\t\t\t\t\t\t{CarNumberDigit.map((digit) => (\n\t\t\t\t\t\t\t\t\t<ElButton disabled={state.disabledButton} onClick={() => handleSelectCarNumber(digit)}>\n\t\t\t\t\t\t\t\t\t\t{digit}\n\t\t\t\t\t\t\t\t\t</ElButton>\n\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t{CarNumberLetter.map((letter) => (\n\t\t\t\t\t\t\t\t\t<ElButton disabled={state.disabledButton} onClick={() => handleSelectCarNumber(letter)}>\n\t\t\t\t\t\t\t\t\t\t{letter}\n\t\t\t\t\t\t\t\t\t</ElButton>\n\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<div class=\"fa-car-number__popover__btn\">\n\t\t\t\t\t\t\t\t<ElButton\n\t\t\t\t\t\t\t\t\tclass=\"fa-car-number__popover__btn__clear\"\n\t\t\t\t\t\t\t\t\tdisabled={modelValue.value === null || modelValue.value.length === 0}\n\t\t\t\t\t\t\t\t\tonClick={handleClearClick}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t清除\n\t\t\t\t\t\t\t\t</ElButton>\n\t\t\t\t\t\t\t\t<ElButton\n\t\t\t\t\t\t\t\t\tclass=\"fa-car-number__popover__btn__back\"\n\t\t\t\t\t\t\t\t\ttype=\"danger\"\n\t\t\t\t\t\t\t\t\ticon={Back}\n\t\t\t\t\t\t\t\t\tdisabled={modelValue.value === null || modelValue.value.length === 0}\n\t\t\t\t\t\t\t\t\tonClick={handleBackClick}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t<ElButton\n\t\t\t\t\t\t\t\t\tclass=\"fa-car-number__popover__btn__confirm\"\n\t\t\t\t\t\t\t\t\ttype=\"primary\"\n\t\t\t\t\t\t\t\t\tdisabled={modelValue.value === null || modelValue.value.length < 7}\n\t\t\t\t\t\t\t\t\tonClick={handleConfirmClick}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t确认\n\t\t\t\t\t\t\t\t</ElButton>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</Fragment>\n\t\t\t\t\t),\n\t\t\t\t}}\n\t\t\t</ElPopover>\n\t\t));\n\t},\n});\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","CarNumber","name","props","inputProps","modelValue","type","String","default","undefined","placeholder","emits","value","isString","isNull","change","setup","attrs","slots","emit","expose","useVModel","passive","state","reactive","switchLetter","computed","length","disabledButton","popoverRef","ref","formContext","inject","formContextKey","formItemContext","formItemContextKey","handleInputFormatter","slice","handleSelectCarNumber","handleBackClick","substring","handleConfirmClick","success","RegExps","test","NewEnergyCarNumber","prop","validateField","ElMessage","error","hide","handleClearClick","elInputProps","useProps","useRender","_createVNode","ElPopover","width","popperClass","trigger","showArrow","showAfter","hideAfter","reference","ElInput","_mergeProps","class","$event","readonly","formatter","_Fragment","CarNumberArea","map","area","ElButton","disabled","onClick","CarNumberDigit","digit","CarNumberLetter","letter","_createTextVNode","icon","Back"],"mappings":"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"}
@@ -31,7 +31,7 @@ export declare const faDialogProps: {
31
31
  };
32
32
  /** @description width of Dialog, default is 50% */
33
33
  width: {
34
- type: (NumberConstructor | StringConstructor)[];
34
+ type: (StringConstructor | NumberConstructor)[];
35
35
  default: string;
36
36
  };
37
37
  /** @description 显示刷新按钮 */
@@ -177,7 +177,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
177
177
  };
178
178
  /** @description width of Dialog, default is 50% */
179
179
  width: {
180
- type: (NumberConstructor | StringConstructor)[];
180
+ type: (StringConstructor | NumberConstructor)[];
181
181
  default: string;
182
182
  };
183
183
  /** @description 显示刷新按钮 */
@@ -322,7 +322,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
322
322
  };
323
323
  /** @description width of Dialog, default is 50% */
324
324
  width: {
325
- type: (NumberConstructor | StringConstructor)[];
325
+ type: (StringConstructor | NumberConstructor)[];
326
326
  default: string;
327
327
  };
328
328
  /** @description 显示刷新按钮 */
@@ -3,7 +3,7 @@ import { FormItemContext, FormValidationResult } from 'element-plus';
3
3
  export declare const faFormProps: {
4
4
  /** @description Width of label, e.g. `'50px'`. All its direct child form items will inherit this value. `auto` is supported. */
5
5
  labelWidth: {
6
- type: (NumberConstructor | StringConstructor)[];
6
+ type: (StringConstructor | NumberConstructor)[];
7
7
  default: string;
8
8
  };
9
9
  /** @description Suffix of the label. */
@@ -59,7 +59,7 @@ type FaFormSlots = {
59
59
  declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
60
60
  /** @description Width of label, e.g. `'50px'`. All its direct child form items will inherit this value. `auto` is supported. */
61
61
  labelWidth: {
62
- type: (NumberConstructor | StringConstructor)[];
62
+ type: (StringConstructor | NumberConstructor)[];
63
63
  default: string;
64
64
  };
65
65
  /** @description Suffix of the label. */
@@ -125,7 +125,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
125
125
  }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
126
126
  /** @description Width of label, e.g. `'50px'`. All its direct child form items will inherit this value. `auto` is supported. */
127
127
  labelWidth: {
128
- type: (NumberConstructor | StringConstructor)[];
128
+ type: (StringConstructor | NumberConstructor)[];
129
129
  default: string;
130
130
  };
131
131
  /** @description Suffix of the label. */
@@ -8,12 +8,12 @@ export declare const faFormItemProps: {
8
8
  };
9
9
  /** @description 偏移量 */
10
10
  offset: {
11
- type: (NumberConstructor | StringConstructor)[];
11
+ type: (StringConstructor | NumberConstructor)[];
12
12
  default: number;
13
13
  };
14
14
  /** @description 栅格跨度 */
15
15
  span: {
16
- type: (NumberConstructor | StringConstructor)[];
16
+ type: (StringConstructor | NumberConstructor)[];
17
17
  };
18
18
  /** @description 独占一行。如果设置 span 则无效 */
19
19
  row: BooleanConstructor;
@@ -77,12 +77,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
77
77
  };
78
78
  /** @description 偏移量 */
79
79
  offset: {
80
- type: (NumberConstructor | StringConstructor)[];
80
+ type: (StringConstructor | NumberConstructor)[];
81
81
  default: number;
82
82
  };
83
83
  /** @description 栅格跨度 */
84
84
  span: {
85
- type: (NumberConstructor | StringConstructor)[];
85
+ type: (StringConstructor | NumberConstructor)[];
86
86
  };
87
87
  /** @description 独占一行。如果设置 span 则无效 */
88
88
  row: BooleanConstructor;
@@ -125,7 +125,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
125
125
  };
126
126
  }>, {
127
127
  /** @description 表单项大小 */
128
- size: import('vue').ComputedRef<"" | "small" | "default" | "large">;
128
+ size: import('vue').ComputedRef<"" | "default" | "small" | "large">;
129
129
  /** @description 校验消息 */
130
130
  validateMessage: import('vue').ComputedRef<string>;
131
131
  /** @description 校验状态 */
@@ -146,12 +146,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
146
146
  };
147
147
  /** @description 偏移量 */
148
148
  offset: {
149
- type: (NumberConstructor | StringConstructor)[];
149
+ type: (StringConstructor | NumberConstructor)[];
150
150
  default: number;
151
151
  };
152
152
  /** @description 栅格跨度 */
153
153
  span: {
154
- type: (NumberConstructor | StringConstructor)[];
154
+ type: (StringConstructor | NumberConstructor)[];
155
155
  };
156
156
  /** @description 独占一行。如果设置 span 则无效 */
157
157
  row: BooleanConstructor;
@@ -6,7 +6,7 @@ export declare const faIconProps: {
6
6
  };
7
7
  /** @description 大小 */
8
8
  size: {
9
- type: (NumberConstructor | StringConstructor)[];
9
+ type: (StringConstructor | NumberConstructor)[];
10
10
  };
11
11
  /** @description 颜色*/
12
12
  color: StringConstructor;
@@ -19,7 +19,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
19
19
  };
20
20
  /** @description 大小 */
21
21
  size: {
22
- type: (NumberConstructor | StringConstructor)[];
22
+ type: (StringConstructor | NumberConstructor)[];
23
23
  };
24
24
  /** @description 颜色*/
25
25
  color: StringConstructor;
@@ -31,7 +31,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
31
31
  };
32
32
  /** @description 大小 */
33
33
  size: {
34
- type: (NumberConstructor | StringConstructor)[];
34
+ type: (StringConstructor | NumberConstructor)[];
35
35
  };
36
36
  /** @description 颜色*/
37
37
  color: StringConstructor;
@@ -208,13 +208,13 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
208
208
  __epPropKey: true;
209
209
  };
210
210
  }>> & Readonly<{}>, {
211
- small: boolean;
212
211
  base64: boolean;
213
212
  original: boolean;
214
213
  normal: boolean;
214
+ small: boolean;
215
215
  thumb: boolean;
216
216
  src: string;
217
- fit: import('element-plus/es/utils/index.mjs').EpPropMergeType<StringConstructor, "" | "fill" | "cover" | "contain" | "none" | "scale-down", unknown>;
217
+ fit: import('element-plus/es/utils/index.mjs').EpPropMergeType<StringConstructor, "" | "cover" | "fill" | "contain" | "none" | "scale-down", unknown>;
218
218
  lazy: boolean;
219
219
  closeOnPressEscape: import('element-plus/es/utils/index.mjs').EpPropMergeType<BooleanConstructor, unknown, unknown>;
220
220
  hideOnClickModal: boolean;
@@ -1,6 +1,7 @@
1
1
  import { TableProps } from 'element-plus';
2
2
  import { PropType } from 'vue';
3
3
  import { PagedInput, PagedResult } from '../../table';
4
+ import { ElSelectorOutput } from '../../select/src/select.type';
4
5
  export declare const faInputDialogPageProps: {
5
6
  /** @description key of row data, used for optimizing rendering. Required if `reserve-selection` is on or display tree data. When its type is String, multi-level access is supported, e.g. `user.info.id`, but `user.info[0].id` is not supported, in which case `Function` should be used */
6
7
  rowKey: {
@@ -8,7 +9,7 @@ export declare const faInputDialogPageProps: {
8
9
  default: string;
9
10
  };
10
11
  /** @description v-model绑定值 */
11
- modelValue: (NumberConstructor | StringConstructor)[];
12
+ modelValue: (StringConstructor | NumberConstructor)[];
12
13
  /** @description v-model:label绑定值 */
13
14
  label: StringConstructor;
14
15
  /** @description 输入框占位文本 */
@@ -38,7 +39,7 @@ export declare const faInputDialogPageEmits: {
38
39
  /** @description v-model:label 回调 */
39
40
  "update:label": (value: string) => boolean;
40
41
  /** @description 改变 */
41
- change: (value: string | number) => boolean;
42
+ change: (data: ElSelectorOutput | ElSelectorOutput[] | any | any[], value?: string | number | boolean | object | (string | number | boolean | object)[]) => boolean;
42
43
  };
43
44
  type FaInputDialogPageSlots = {
44
45
  /** @description 默认内容插槽 */
@@ -51,7 +52,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
51
52
  default: string;
52
53
  };
53
54
  /** @description v-model绑定值 */
54
- modelValue: (NumberConstructor | StringConstructor)[];
55
+ modelValue: (StringConstructor | NumberConstructor)[];
55
56
  /** @description v-model:label绑定值 */
56
57
  label: StringConstructor;
57
58
  /** @description 输入框占位文本 */
@@ -87,7 +88,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
87
88
  /** @description v-model:label 回调 */
88
89
  "update:label": (value: string) => boolean;
89
90
  /** @description 改变 */
90
- change: (value: string | number) => boolean;
91
+ change: (data: ElSelectorOutput | ElSelectorOutput[] | any | any[], value?: string | number | boolean | object | (string | number | boolean | object)[]) => boolean;
91
92
  }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
92
93
  /** @description key of row data, used for optimizing rendering. Required if `reserve-selection` is on or display tree data. When its type is String, multi-level access is supported, e.g. `user.info.id`, but `user.info[0].id` is not supported, in which case `Function` should be used */
93
94
  rowKey: {
@@ -95,7 +96,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
95
96
  default: string;
96
97
  };
97
98
  /** @description v-model绑定值 */
98
- modelValue: (NumberConstructor | StringConstructor)[];
99
+ modelValue: (StringConstructor | NumberConstructor)[];
99
100
  /** @description v-model:label绑定值 */
100
101
  label: StringConstructor;
101
102
  /** @description 输入框占位文本 */
@@ -120,7 +121,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
120
121
  };
121
122
  }>> & Readonly<{
122
123
  "onUpdate:modelValue"?: (value: string | number) => any;
123
- onChange?: (value: string | number) => any;
124
+ onChange?: (data: any, value?: string | number | boolean | object | (string | number | boolean | object)[]) => any;
124
125
  "onUpdate:label"?: (value: string) => any;
125
126
  }>, {
126
127
  disabled: boolean;
@@ -1,2 +1,2 @@
1
- import{defineComponent as e,reactive as l,ref as t,createVNode as o,computed as i}from"vue";import{ElInput as a,ElButtonGroup as n,ElButton as u}from"element-plus";import{Delete as r,Search as s}from"@element-plus/icons-vue";import{definePropType as d,withDefineType as c,useRender as m,useExpose as p,makeSlots as f}from"@fast-china/utils";import{isString as g,isNumber as w,isNull as v,isFunction as b}from"lodash-unified";import{FaTable as y}from"../../table/index.mjs";import{useVModel as h}from"@vueuse/core";import{FaDialog as S}from"../../dialog/index.mjs";const K={rowKey:{type:[String,Function],default:"id"},modelValue:[String,Number],label:String,placeholder:{type:String,default:"请选择"},disabled:Boolean,title:String,requestApi:{type:d(Function)},initParam:d([String,Number,Object]),labelKey:{type:String,default:"name"}},R={"update:modelValue":e=>g(e)||w(e)||v(e),"update:label":e=>g(e)||v(e),change:e=>g(e)||w(e)||v(e)},C=/* @__PURE__ */e({name:"FaInputDialogPage",props:K,emits:R,slots:f(),setup(e,{attrs:d,slots:f,emit:g,expose:w}){const v=h(e,"modelValue",g),K=h(e,"label",g),R=l({selectionRow:c()}),C=t(),k=t(),x=()=>{v.value=null,K.value=null,g("change",null)},V=()=>{C.value.open(()=>{if(R.selectionRow){k.value.selectedListIds.includes(b(e.rowKey)?e.rowKey(R.selectionRow):R.selectionRow[e.rowKey])||k.value.toggleRowSelection(R.selectionRow)}})},P=()=>{C.value.close(()=>{if(k.value.selected){const l=k.value.selectedList[0];v.value=l[b(e.rowKey)?e.rowKey(l):l[e.rowKey]],K.value=l[e.labelKey],g("change",l)}else v.value=null,K.value=null,g("change",null)})},j=e=>{k.value.clearSelection(),k.value.toggleRowSelection(e),R.selectionRow=e,P()};return m(()=>o("div",{class:"fa-input-dialog-page"},[o(a,{modelValue:K.value,"onUpdate:modelValue":e=>K.value=e,placeholder:e.placeholder,disabled:e.disabled,readonly:!0},{append:()=>o(n,null,{default:()=>[o(u,{disabled:e.disabled,icon:r,onClick:x},null),o(u,{disabled:e.disabled,icon:s,onClick:V},null)]})}),o(S,{ref:C,style:"--height: 70%;",width:"50%",title:e.title,fillHeight:!0,disabledConfirmButton:!k.value?.selected,onConfirmClick:P},{default:()=>[o(y,{ref:k,rowKey:e.rowKey,requestApi:e.requestApi,initParam:e.initParam,single:!0,rowClickSelection:!0,hideSearchTime:!0,exportBtn:!1,onRowDblclick:j},{default:()=>f.default&&f.default()})]})])),p(w,{selectionRow:i(()=>R.selectionRow),open:V,clear:x})}});export{C as default,R as faInputDialogPageEmits,K as faInputDialogPageProps};
1
+ import{defineComponent as e,reactive as l,ref as o,createVNode as t,computed as i}from"vue";import{ElInput as a,ElButtonGroup as n,ElButton as u}from"element-plus";import{Delete as s,Search as r}from"@element-plus/icons-vue";import{definePropType as d,withDefineType as c,useRender as m,useExpose as p,makeSlots as f}from"@fast-china/utils";import{isString as v,isNull as g,isNumber as w,isFunction as b}from"lodash-unified";import{FaTable as y}from"../../table/index.mjs";import{useVModel as h}from"@vueuse/core";import{FaDialog as S}from"../../dialog/index.mjs";const K={rowKey:{type:[String,Function],default:"id"},modelValue:[String,Number],label:String,placeholder:{type:String,default:"请选择"},disabled:Boolean,title:String,requestApi:{type:d(Function)},initParam:d([String,Number,Object]),labelKey:{type:String,default:"name"}},R={"update:modelValue":e=>v(e)||w(e)||g(e),"update:label":e=>v(e)||g(e),change:(e,l)=>!0},C=/* @__PURE__ */e({name:"FaInputDialogPage",props:K,emits:R,slots:f(),setup(e,{attrs:d,slots:f,emit:v,expose:g}){const w=h(e,"modelValue",v,{passive:!0}),K=h(e,"label",v,{passive:!0}),R=l({selectionRow:c()}),C=o(),k=o(),V=()=>{w.value=null,K.value=null,v("change",null)},x=()=>{C.value.open(()=>{if(R.selectionRow){k.value.selectedListIds.includes(b(e.rowKey)?e.rowKey(R.selectionRow):R.selectionRow[e.rowKey])||k.value.toggleRowSelection(R.selectionRow)}})},P=()=>{C.value.close(()=>{if(k.value.selected){const l=k.value.selectedList[0];w.value=b(e.rowKey)?e.rowKey(l):l[e.rowKey],K.value=l[e.labelKey],v("change",l,w.value)}else w.value=null,K.value=null,v("change",null,null)})},j=e=>{k.value.clearSelection(),k.value.toggleRowSelection(e),R.selectionRow=e,P()};return m(()=>t("div",{class:"fa-input-dialog-page"},[t(a,{modelValue:K.value,"onUpdate:modelValue":e=>K.value=e,placeholder:e.placeholder,disabled:e.disabled,readonly:!0},{append:()=>t(n,null,{default:()=>[t(u,{disabled:e.disabled,icon:s,onClick:V},null),t(u,{disabled:e.disabled,icon:r,onClick:x},null)]})}),t(S,{ref:C,style:"--height: 70%;",width:"50%",title:e.title,fullHeight:!0,disabledConfirmButton:!k.value?.selected,onConfirmClick:P},{default:()=>[t(y,{ref:k,rowKey:e.rowKey,requestApi:e.requestApi,initParam:e.initParam,single:!0,rowClickSelection:!0,hideSearchTime:!0,onRowDblclick:j},{default:()=>f.default&&f.default()})]})])),p(g,{selectionRow:i(()=>R.selectionRow),open:x,clear:V})}});export{C as default,R as faInputDialogPageEmits,K as faInputDialogPageProps};
2
2
  //# sourceMappingURL=inputDialogPage.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"inputDialogPage.mjs","sources":["../../../../../packages/components/inputDialogPage/src/inputDialogPage.tsx"],"sourcesContent":["import { computed, defineComponent, reactive, ref } from \"vue\";\nimport { ElButton, ElButtonGroup, ElInput } from \"element-plus\";\nimport { Delete, Search } from \"@element-plus/icons-vue\";\nimport { definePropType, makeSlots, useExpose, useRender, withDefineType } from \"@fast-china/utils\";\nimport { isFunction, isNull, isNumber, isString } from \"lodash-unified\";\nimport type { TableProps } from \"element-plus\";\nimport type { PropType } from \"vue\";\nimport { FaTable, type FaTableInstance, type PagedInput, type PagedResult } from \"@fast-element-plus/components/table\";\nimport { useVModel } from \"@vueuse/core\";\nimport FaDialog, { FaDialogInstance } from \"@fast-element-plus/components/dialog\";\n\nexport const faInputDialogPageProps = {\n\t/** @description key of row data, used for optimizing rendering. Required if `reserve-selection` is on or display tree data. When its type is String, multi-level access is supported, e.g. `user.info.id`, but `user.info[0].id` is not supported, in which case `Function` should be used */\n\trowKey: {\n\t\ttype: [String, Function] as PropType<TableProps<any>[\"rowKey\"]>,\n\t\tdefault: \"id\",\n\t},\n\t/** @description v-model绑定值 */\n\tmodelValue: [String, Number],\n\t/** @description v-model:label绑定值 */\n\tlabel: String,\n\t/** @description 输入框占位文本 */\n\tplaceholder: {\n\t\ttype: String,\n\t\tdefault: \"请选择\",\n\t},\n\t/** @description 禁用 */\n\tdisabled: Boolean,\n\t/** @description 标题 */\n\ttitle: String,\n\t/** @description 请求api */\n\trequestApi: {\n\t\ttype: definePropType<(params?: PagedInput) => Promise<PagedResult | any[]>>(Function),\n\t},\n\t/** 初始化参数 */\n\tinitParam: definePropType<string | number | any>([String, Number, Object]),\n\t/** @description 显示文本 Key */\n\tlabelKey: {\n\t\ttype: String,\n\t\tdefault: \"name\",\n\t},\n};\n\nexport const faInputDialogPageEmits = {\n\t/** @description v-model 回调 */\n\t\"update:modelValue\": (value: string | number) => isString(value) || isNumber(value) || isNull(value),\n\t/** @description v-model:label 回调 */\n\t\"update:label\": (value: string) => isString(value) || isNull(value),\n\t/** @description 改变 */\n\tchange: (value: string | number) => isString(value) || isNumber(value) || isNull(value),\n};\n\ntype FaInputDialogPageSlots = {\n\t/** @description 默认内容插槽 */\n\tdefault: never;\n};\n\nexport default defineComponent({\n\tname: \"FaInputDialogPage\",\n\tprops: faInputDialogPageProps,\n\temits: faInputDialogPageEmits,\n\tslots: makeSlots<FaInputDialogPageSlots>(),\n\tsetup(props, { attrs, slots, emit, expose }) {\n\t\tconst modelValue = useVModel(props, \"modelValue\", emit);\n\t\tconst selectedLabel = useVModel(props, \"label\", emit);\n\n\t\tconst state = reactive({\n\t\t\tselectionRow: withDefineType<unknown>(),\n\t\t});\n\n\t\tconst faDialogRef = ref<FaDialogInstance>();\n\t\tconst faTableRef = ref<FaTableInstance>();\n\n\t\tconst handleDeleteClick = (): void => {\n\t\t\tmodelValue.value = null;\n\t\t\tselectedLabel.value = null;\n\t\t\temit(\"change\", null);\n\t\t};\n\n\t\tconst handleSearchClick = (): void => {\n\t\t\tfaDialogRef.value.open(() => {\n\t\t\t\tif (state.selectionRow) {\n\t\t\t\t\t// 判断当前行是否选中\n\t\t\t\t\tconst rowSelected = faTableRef.value.selectedListIds.includes(\n\t\t\t\t\t\tisFunction(props.rowKey) ? props.rowKey(state.selectionRow) : state.selectionRow[props.rowKey]\n\t\t\t\t\t);\n\t\t\t\t\tif (!rowSelected) {\n\t\t\t\t\t\tfaTableRef.value.toggleRowSelection(state.selectionRow);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t});\n\t\t};\n\n\t\tconst handleConfirmClick = (): void => {\n\t\t\tfaDialogRef.value.close(() => {\n\t\t\t\tif (faTableRef.value.selected) {\n\t\t\t\t\tconst selectedData = faTableRef.value.selectedList[0];\n\t\t\t\t\tmodelValue.value = selectedData[isFunction(props.rowKey) ? props.rowKey(selectedData) : selectedData[props.rowKey]];\n\t\t\t\t\tselectedLabel.value = selectedData[props.labelKey];\n\t\t\t\t\temit(\"change\", selectedData);\n\t\t\t\t} else {\n\t\t\t\t\tmodelValue.value = null;\n\t\t\t\t\tselectedLabel.value = null;\n\t\t\t\t\temit(\"change\", null);\n\t\t\t\t}\n\t\t\t});\n\t\t};\n\n\t\tconst handleTableRowDblclick = (row: any): void => {\n\t\t\tfaTableRef.value.clearSelection();\n\t\t\tfaTableRef.value.toggleRowSelection(row);\n\t\t\tstate.selectionRow = row;\n\t\t\thandleConfirmClick();\n\t\t};\n\n\t\tuseRender(() => (\n\t\t\t<div class=\"fa-input-dialog-page\">\n\t\t\t\t<ElInput vModel={selectedLabel.value} placeholder={props.placeholder} disabled={props.disabled} readonly>\n\t\t\t\t\t{{\n\t\t\t\t\t\tappend: () => (\n\t\t\t\t\t\t\t<ElButtonGroup>\n\t\t\t\t\t\t\t\t<ElButton disabled={props.disabled} icon={Delete} onClick={handleDeleteClick} />\n\t\t\t\t\t\t\t\t<ElButton disabled={props.disabled} icon={Search} onClick={handleSearchClick} />\n\t\t\t\t\t\t\t</ElButtonGroup>\n\t\t\t\t\t\t),\n\t\t\t\t\t}}\n\t\t\t\t</ElInput>\n\t\t\t\t<FaDialog\n\t\t\t\t\tref={faDialogRef}\n\t\t\t\t\tstyle=\"--height: 70%;\"\n\t\t\t\t\twidth=\"50%\"\n\t\t\t\t\ttitle={props.title}\n\t\t\t\t\tfillHeight\n\t\t\t\t\tdisabledConfirmButton={!faTableRef.value?.selected}\n\t\t\t\t\tonConfirmClick={handleConfirmClick}\n\t\t\t\t>\n\t\t\t\t\t<FaTable\n\t\t\t\t\t\tref={faTableRef}\n\t\t\t\t\t\trowKey={props.rowKey}\n\t\t\t\t\t\trequestApi={props.requestApi}\n\t\t\t\t\t\tinitParam={props.initParam}\n\t\t\t\t\t\tsingle\n\t\t\t\t\t\trowClickSelection\n\t\t\t\t\t\thideSearchTime\n\t\t\t\t\t\texportBtn={false}\n\t\t\t\t\t\tonRowDblclick={handleTableRowDblclick}\n\t\t\t\t\t>\n\t\t\t\t\t\t{{\n\t\t\t\t\t\t\tdefault: () => slots.default && slots.default(),\n\t\t\t\t\t\t}}\n\t\t\t\t\t</FaTable>\n\t\t\t\t</FaDialog>\n\t\t\t</div>\n\t\t));\n\n\t\treturn useExpose(expose, {\n\t\t\t/** @description 选择行数据 */\n\t\t\tselectionRow: computed(() => state.selectionRow),\n\t\t\t/** @description 打开选择器弹窗 */\n\t\t\topen: handleSearchClick,\n\t\t\t/** @description 清除选择 */\n\t\t\tclear: handleDeleteClick,\n\t\t});\n\t},\n});\n"],"names":["faInputDialogPageProps","rowKey","type","String","Function","default","modelValue","Number","label","placeholder","disabled","Boolean","title","requestApi","definePropType","initParam","Object","labelKey","faInputDialogPageEmits","isString","value","isNumber","isNull","change","InputDialogPage","name","props","emits","slots","makeSlots","setup","attrs","emit","expose","useVModel","selectedLabel","state","reactive","selectionRow","withDefineType","faDialogRef","ref","faTableRef","handleDeleteClick","handleSearchClick","open","selectedListIds","includes","isFunction","toggleRowSelection","handleConfirmClick","close","selected","selectedData","selectedList","handleTableRowDblclick","row","clearSelection","useRender","_createVNode","class","ElInput","$event","readonly","append","ElButtonGroup","ElButton","icon","Delete","onClick","Search","FaDialog","style","width","fillHeight","disabledConfirmButton","onConfirmClick","FaTable","single","rowClickSelection","hideSearchTime","exportBtn","onRowDblclick","useExpose","computed","clear"],"mappings":"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"}
1
+ {"version":3,"file":"inputDialogPage.mjs","sources":["../../../../../packages/components/inputDialogPage/src/inputDialogPage.tsx"],"sourcesContent":["import { computed, defineComponent, reactive, ref } from \"vue\";\nimport { ElButton, ElButtonGroup, ElInput } from \"element-plus\";\nimport { Delete, Search } from \"@element-plus/icons-vue\";\nimport { definePropType, makeSlots, useExpose, useRender, withDefineType } from \"@fast-china/utils\";\nimport { isFunction, isNull, isNumber, isString } from \"lodash-unified\";\nimport type { TableProps } from \"element-plus\";\nimport type { PropType } from \"vue\";\nimport { FaTable, type FaTableInstance, type PagedInput, type PagedResult } from \"@fast-element-plus/components/table\";\nimport { useVModel } from \"@vueuse/core\";\nimport FaDialog, { FaDialogInstance } from \"@fast-element-plus/components/dialog\";\nimport { ElSelectorOutput } from \"@fast-element-plus/components/select/src/select.type\";\n\nexport const faInputDialogPageProps = {\n\t/** @description key of row data, used for optimizing rendering. Required if `reserve-selection` is on or display tree data. When its type is String, multi-level access is supported, e.g. `user.info.id`, but `user.info[0].id` is not supported, in which case `Function` should be used */\n\trowKey: {\n\t\ttype: [String, Function] as PropType<TableProps<any>[\"rowKey\"]>,\n\t\tdefault: \"id\",\n\t},\n\t/** @description v-model绑定值 */\n\tmodelValue: [String, Number],\n\t/** @description v-model:label绑定值 */\n\tlabel: String,\n\t/** @description 输入框占位文本 */\n\tplaceholder: {\n\t\ttype: String,\n\t\tdefault: \"请选择\",\n\t},\n\t/** @description 禁用 */\n\tdisabled: Boolean,\n\t/** @description 标题 */\n\ttitle: String,\n\t/** @description 请求api */\n\trequestApi: {\n\t\ttype: definePropType<(params?: PagedInput) => Promise<PagedResult | any[]>>(Function),\n\t},\n\t/** 初始化参数 */\n\tinitParam: definePropType<string | number | any>([String, Number, Object]),\n\t/** @description 显示文本 Key */\n\tlabelKey: {\n\t\ttype: String,\n\t\tdefault: \"name\",\n\t},\n};\n\nexport const faInputDialogPageEmits = {\n\t/** @description v-model 回调 */\n\t\"update:modelValue\": (value: string | number) => isString(value) || isNumber(value) || isNull(value),\n\t/** @description v-model:label 回调 */\n\t\"update:label\": (value: string) => isString(value) || isNull(value),\n\t/** @description 改变 */\n\tchange: (\n\t\tdata: ElSelectorOutput | ElSelectorOutput[] | any | any[],\n\t\tvalue?: string | number | boolean | object | (string | number | boolean | object)[]\n\t): boolean => true,\n};\n\ntype FaInputDialogPageSlots = {\n\t/** @description 默认内容插槽 */\n\tdefault: never;\n};\n\nexport default defineComponent({\n\tname: \"FaInputDialogPage\",\n\tprops: faInputDialogPageProps,\n\temits: faInputDialogPageEmits,\n\tslots: makeSlots<FaInputDialogPageSlots>(),\n\tsetup(props, { attrs, slots, emit, expose }) {\n\t\tconst modelValue = useVModel(props, \"modelValue\", emit, { passive: true });\n\t\tconst selectedLabel = useVModel(props, \"label\", emit, { passive: true });\n\n\t\tconst state = reactive({\n\t\t\tselectionRow: withDefineType<unknown>(),\n\t\t});\n\n\t\tconst faDialogRef = ref<FaDialogInstance>();\n\t\tconst faTableRef = ref<FaTableInstance>();\n\n\t\tconst handleDeleteClick = (): void => {\n\t\t\tmodelValue.value = null;\n\t\t\tselectedLabel.value = null;\n\t\t\temit(\"change\", null);\n\t\t};\n\n\t\tconst handleSearchClick = (): void => {\n\t\t\tfaDialogRef.value.open(() => {\n\t\t\t\tif (state.selectionRow) {\n\t\t\t\t\t// 判断当前行是否选中\n\t\t\t\t\tconst rowSelected = faTableRef.value.selectedListIds.includes(\n\t\t\t\t\t\tisFunction(props.rowKey) ? props.rowKey(state.selectionRow) : state.selectionRow[props.rowKey]\n\t\t\t\t\t);\n\t\t\t\t\tif (!rowSelected) {\n\t\t\t\t\t\tfaTableRef.value.toggleRowSelection(state.selectionRow);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t});\n\t\t};\n\n\t\tconst handleConfirmClick = (): void => {\n\t\t\tfaDialogRef.value.close(() => {\n\t\t\t\tif (faTableRef.value.selected) {\n\t\t\t\t\tconst selectedData = faTableRef.value.selectedList[0];\n\t\t\t\t\tmodelValue.value = isFunction(props.rowKey) ? props.rowKey(selectedData) : selectedData[props.rowKey];\n\t\t\t\t\tselectedLabel.value = selectedData[props.labelKey];\n\t\t\t\t\temit(\"change\", selectedData, modelValue.value);\n\t\t\t\t} else {\n\t\t\t\t\tmodelValue.value = null;\n\t\t\t\t\tselectedLabel.value = null;\n\t\t\t\t\temit(\"change\", null, null);\n\t\t\t\t}\n\t\t\t});\n\t\t};\n\n\t\tconst handleTableRowDblclick = (row: any): void => {\n\t\t\tfaTableRef.value.clearSelection();\n\t\t\tfaTableRef.value.toggleRowSelection(row);\n\t\t\tstate.selectionRow = row;\n\t\t\thandleConfirmClick();\n\t\t};\n\n\t\tuseRender(() => (\n\t\t\t<div class=\"fa-input-dialog-page\">\n\t\t\t\t<ElInput vModel={selectedLabel.value} placeholder={props.placeholder} disabled={props.disabled} readonly>\n\t\t\t\t\t{{\n\t\t\t\t\t\tappend: () => (\n\t\t\t\t\t\t\t<ElButtonGroup>\n\t\t\t\t\t\t\t\t<ElButton disabled={props.disabled} icon={Delete} onClick={handleDeleteClick} />\n\t\t\t\t\t\t\t\t<ElButton disabled={props.disabled} icon={Search} onClick={handleSearchClick} />\n\t\t\t\t\t\t\t</ElButtonGroup>\n\t\t\t\t\t\t),\n\t\t\t\t\t}}\n\t\t\t\t</ElInput>\n\t\t\t\t<FaDialog\n\t\t\t\t\tref={faDialogRef}\n\t\t\t\t\tstyle=\"--height: 70%;\"\n\t\t\t\t\twidth=\"50%\"\n\t\t\t\t\ttitle={props.title}\n\t\t\t\t\tfullHeight\n\t\t\t\t\tdisabledConfirmButton={!faTableRef.value?.selected}\n\t\t\t\t\tonConfirmClick={handleConfirmClick}\n\t\t\t\t>\n\t\t\t\t\t<FaTable\n\t\t\t\t\t\tref={faTableRef}\n\t\t\t\t\t\trowKey={props.rowKey}\n\t\t\t\t\t\trequestApi={props.requestApi}\n\t\t\t\t\t\tinitParam={props.initParam}\n\t\t\t\t\t\tsingle\n\t\t\t\t\t\trowClickSelection\n\t\t\t\t\t\thideSearchTime\n\t\t\t\t\t\tonRowDblclick={handleTableRowDblclick}\n\t\t\t\t\t>\n\t\t\t\t\t\t{{\n\t\t\t\t\t\t\tdefault: () => slots.default && slots.default(),\n\t\t\t\t\t\t}}\n\t\t\t\t\t</FaTable>\n\t\t\t\t</FaDialog>\n\t\t\t</div>\n\t\t));\n\n\t\treturn useExpose(expose, {\n\t\t\t/** @description 选择行数据 */\n\t\t\tselectionRow: computed(() => state.selectionRow),\n\t\t\t/** @description 打开选择器弹窗 */\n\t\t\topen: handleSearchClick,\n\t\t\t/** @description 清除选择 */\n\t\t\tclear: handleDeleteClick,\n\t\t});\n\t},\n});\n"],"names":["faInputDialogPageProps","rowKey","type","String","Function","default","modelValue","Number","label","placeholder","disabled","Boolean","title","requestApi","definePropType","initParam","Object","labelKey","faInputDialogPageEmits","isString","value","isNumber","isNull","change","data","InputDialogPage","name","props","emits","slots","makeSlots","setup","attrs","emit","expose","useVModel","passive","selectedLabel","state","reactive","selectionRow","withDefineType","faDialogRef","ref","faTableRef","handleDeleteClick","handleSearchClick","open","selectedListIds","includes","isFunction","toggleRowSelection","handleConfirmClick","close","selected","selectedData","selectedList","handleTableRowDblclick","row","clearSelection","useRender","_createVNode","class","ElInput","$event","readonly","append","ElButtonGroup","ElButton","icon","Delete","onClick","Search","FaDialog","style","width","fullHeight","disabledConfirmButton","onConfirmClick","FaTable","single","rowClickSelection","hideSearchTime","onRowDblclick","useExpose","computed","clear"],"mappings":"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"}
@@ -13,7 +13,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
13
13
  collapsed: BooleanConstructor;
14
14
  /** @description 折叠行数 */
15
15
  collapsedRows: {
16
- type: (NumberConstructor | StringConstructor)[];
16
+ type: (StringConstructor | NumberConstructor)[];
17
17
  default: number;
18
18
  };
19
19
  /** @description 间距,偏移 */
@@ -39,7 +39,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
39
39
  collapsed: BooleanConstructor;
40
40
  /** @description 折叠行数 */
41
41
  collapsedRows: {
42
- type: (NumberConstructor | StringConstructor)[];
42
+ type: (StringConstructor | NumberConstructor)[];
43
43
  default: number;
44
44
  };
45
45
  /** @description 间距,偏移 */