@pisell/materials 3.3.86 → 3.3.88

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 (231) hide show
  1. package/build/lowcode/assets-daily.json +11 -11
  2. package/build/lowcode/assets-dev.json +2 -2
  3. package/build/lowcode/assets-prod.json +11 -11
  4. package/build/lowcode/index.js +1 -1
  5. package/build/lowcode/meta.js +4 -4
  6. package/build/lowcode/preview.js +8 -8
  7. package/build/lowcode/render/default/view.css +1 -1
  8. package/build/lowcode/render/default/view.js +25 -25
  9. package/build/lowcode/view.css +1 -1
  10. package/build/lowcode/view.js +15 -15
  11. package/es/components/PisellLayouts/index.d.ts +0 -1
  12. package/es/components/PisellProcedure/PisellProcedure.stories.d.ts +163 -0
  13. package/es/components/PisellProcedure/index.d.ts +5 -0
  14. package/es/components/PisellSteps/PisellSteps.d.ts +14 -0
  15. package/es/components/dataSourceComponents/dataSourceSubForm/index.d.ts +13 -0
  16. package/es/components/dataSourceComponents/dataSourceSubForm/index.js +274 -0
  17. package/es/components/dataSourceComponents/dataSourceSubForm/index.less +19 -0
  18. package/es/components/dataSourceComponents/dataSourceSubForm/schema-full-example.json +544 -0
  19. package/es/components/dataSourceComponents/dataSourceSubForm/schema-simple-example.json +174 -0
  20. package/es/components/dataSourceComponents/dataSourceSubForm/types.d.ts +117 -0
  21. package/es/components/dataSourceComponents/dataSourceSubForm/types.js +1 -0
  22. package/es/components/dataSourceComponents/dataSourceTable/hooks/useDataSourceKey.d.ts +1 -0
  23. package/es/components/dataSourceComponents/dataSourceTable/hooks/useDrawerState.d.ts +1 -0
  24. package/es/components/dataSourceComponents/dataSourceTable/hooks/useTableQuery.d.ts +1 -0
  25. package/es/components/dataSourceComponents/fields/RecordListWrapper/ReadPretty.d.ts +9 -0
  26. package/es/components/dataSourceComponents/fields/RecordListWrapper/ReadPretty.js +61 -0
  27. package/es/components/dataSourceComponents/fields/RecordListWrapper/WithMode.d.ts +4 -0
  28. package/es/components/dataSourceComponents/fields/RecordListWrapper/WithMode.js +176 -0
  29. package/es/components/dataSourceComponents/fields/RecordListWrapper/index.d.ts +12 -0
  30. package/es/components/dataSourceComponents/fields/RecordListWrapper/index.js +11 -0
  31. package/es/components/dataSourceComponents/fields/RecordListWrapper/type.d.ts +87 -0
  32. package/es/components/dataSourceComponents/fields/RecordListWrapper/type.js +1 -0
  33. package/es/components/dataSourceComponents/fields/Tabs/ReadPretty.d.ts +9 -0
  34. package/es/components/dataSourceComponents/fields/Tabs/ReadPretty.js +16 -0
  35. package/es/components/dataSourceComponents/fields/Tabs/Tabs.d.ts +23 -0
  36. package/es/components/dataSourceComponents/fields/Tabs/Tabs.js +93 -0
  37. package/es/components/dataSourceComponents/fields/Tabs/Tabs.less +64 -0
  38. package/es/components/dataSourceComponents/fields/Tabs/WithMode.d.ts +6 -0
  39. package/es/components/dataSourceComponents/fields/Tabs/WithMode.js +9 -0
  40. package/es/components/dataSourceComponents/fields/Tabs/index.d.ts +12 -0
  41. package/es/components/dataSourceComponents/fields/Tabs/index.js +18 -0
  42. package/es/components/dataSourceComponents/fields/Tabs/type.d.ts +38 -0
  43. package/es/components/dataSourceComponents/fields/Tabs/type.js +1 -0
  44. package/es/components/dataSourceComponents/fields/Translation/BaseTranslation.d.ts +5 -0
  45. package/es/components/dataSourceComponents/fields/Translation/type.d.ts +21 -0
  46. package/es/components/dataSourceComponents/fields/Upload/utils.d.ts +1 -1
  47. package/es/components/dataSourceComponents/fields/index.d.ts +40 -2
  48. package/es/components/dataSourceComponents/fields/index.js +5 -1
  49. package/es/components/dataSourceComponents/fields/utils.js +3 -0
  50. package/es/components/pisellDataSourceContainer/hooks/useDataSourceKey.d.ts +1 -0
  51. package/es/components/pisellLookup/PisellLookup.d.ts +4 -0
  52. package/es/components/pisellLookup/PisellLookup.js +8 -1
  53. package/es/components/pisellLookup/components/LookupTrigger.d.ts +3 -0
  54. package/es/components/pisellWalletPassCard/index.js +1 -1
  55. package/es/components/productCard/components/Packages/utils.d.ts +2 -2
  56. package/es/components/table/Table/fields/select/index.d.ts +1 -0
  57. package/es/components/table/Table/fields/treeSelect/index.d.ts +1 -0
  58. package/es/components/table/Table/utils.d.ts +1 -1
  59. package/es/index.d.ts +4 -0
  60. package/es/index.js +3 -0
  61. package/lib/components/PisellLayouts/index.d.ts +0 -1
  62. package/lib/components/PisellProcedure/PisellProcedure.stories.d.ts +163 -0
  63. package/lib/components/PisellProcedure/index.d.ts +5 -0
  64. package/lib/components/PisellSteps/PisellSteps.d.ts +14 -0
  65. package/lib/components/dataSourceComponents/dataSourceSubForm/index.d.ts +13 -0
  66. package/lib/components/dataSourceComponents/dataSourceSubForm/index.js +229 -0
  67. package/lib/components/dataSourceComponents/dataSourceSubForm/index.less +19 -0
  68. package/lib/components/dataSourceComponents/dataSourceSubForm/schema-full-example.json +544 -0
  69. package/lib/components/dataSourceComponents/dataSourceSubForm/schema-simple-example.json +174 -0
  70. package/lib/components/dataSourceComponents/dataSourceSubForm/types.d.ts +117 -0
  71. package/lib/components/dataSourceComponents/dataSourceSubForm/types.js +17 -0
  72. package/lib/components/dataSourceComponents/dataSourceTable/hooks/useDataSourceKey.d.ts +1 -0
  73. package/lib/components/dataSourceComponents/dataSourceTable/hooks/useDrawerState.d.ts +1 -0
  74. package/lib/components/dataSourceComponents/dataSourceTable/hooks/useTableQuery.d.ts +1 -0
  75. package/lib/components/dataSourceComponents/fields/RecordListWrapper/ReadPretty.d.ts +9 -0
  76. package/lib/components/dataSourceComponents/fields/RecordListWrapper/ReadPretty.js +64 -0
  77. package/lib/components/dataSourceComponents/fields/RecordListWrapper/WithMode.d.ts +4 -0
  78. package/lib/components/dataSourceComponents/fields/RecordListWrapper/WithMode.js +157 -0
  79. package/lib/components/dataSourceComponents/fields/RecordListWrapper/index.d.ts +12 -0
  80. package/lib/components/dataSourceComponents/fields/RecordListWrapper/index.js +40 -0
  81. package/lib/components/dataSourceComponents/fields/RecordListWrapper/type.d.ts +87 -0
  82. package/lib/components/dataSourceComponents/fields/RecordListWrapper/type.js +17 -0
  83. package/lib/components/dataSourceComponents/fields/Tabs/ReadPretty.d.ts +9 -0
  84. package/lib/components/dataSourceComponents/fields/Tabs/ReadPretty.js +45 -0
  85. package/lib/components/dataSourceComponents/fields/Tabs/Tabs.d.ts +23 -0
  86. package/lib/components/dataSourceComponents/fields/Tabs/Tabs.js +95 -0
  87. package/lib/components/dataSourceComponents/fields/Tabs/Tabs.less +64 -0
  88. package/lib/components/dataSourceComponents/fields/Tabs/WithMode.d.ts +6 -0
  89. package/lib/components/dataSourceComponents/fields/Tabs/WithMode.js +39 -0
  90. package/lib/components/dataSourceComponents/fields/Tabs/index.d.ts +12 -0
  91. package/lib/components/dataSourceComponents/fields/Tabs/index.js +40 -0
  92. package/lib/components/dataSourceComponents/fields/Tabs/type.d.ts +38 -0
  93. package/lib/components/dataSourceComponents/fields/Tabs/type.js +17 -0
  94. package/lib/components/dataSourceComponents/fields/Translation/BaseTranslation.d.ts +5 -0
  95. package/lib/components/dataSourceComponents/fields/Translation/type.d.ts +21 -0
  96. package/lib/components/dataSourceComponents/fields/Upload/utils.d.ts +1 -1
  97. package/lib/components/dataSourceComponents/fields/index.d.ts +40 -2
  98. package/lib/components/dataSourceComponents/fields/index.js +5 -1
  99. package/lib/components/dataSourceComponents/fields/utils.js +3 -0
  100. package/lib/components/pisellDataSourceContainer/hooks/useDataSourceKey.d.ts +1 -0
  101. package/lib/components/pisellLookup/PisellLookup.d.ts +4 -0
  102. package/lib/components/pisellLookup/PisellLookup.js +5 -1
  103. package/lib/components/pisellLookup/components/LookupTrigger.d.ts +3 -0
  104. package/lib/components/pisellWalletPassCard/index.js +9 -2
  105. package/lib/components/productCard/components/Packages/utils.d.ts +2 -2
  106. package/lib/components/table/Table/fields/select/index.d.ts +1 -0
  107. package/lib/components/table/Table/fields/treeSelect/index.d.ts +1 -0
  108. package/lib/components/table/Table/utils.d.ts +1 -1
  109. package/lib/index.d.ts +4 -0
  110. package/lib/index.js +9 -0
  111. package/lowcode/auto-resize-text/meta.ts +9 -9
  112. package/lowcode/data-source-form/constants.ts +3 -0
  113. package/lowcode/data-source-form/utils.ts +31 -5
  114. package/lowcode/data-source-sub-form/meta.ts +259 -0
  115. package/lowcode/data-source-sub-form/snippets.ts +21 -0
  116. package/lowcode/form-item-record-list-wrapper/meta.ts +180 -0
  117. package/lowcode/form-item-record-list-wrapper/snippets.ts +18 -0
  118. package/lowcode/form-item-tabs/meta.ts +172 -0
  119. package/package.json +1 -1
  120. package/es/components/PisellCards/components/GraphicTextCard/components/BadgeWrapper.d.ts +0 -5
  121. package/es/components/PisellCards/components/GraphicTextCard/components/TextContent.d.ts +0 -27
  122. package/es/components/PisellCards/components/GraphicTextCard/hooks/index.d.ts +0 -5
  123. package/es/components/PisellCards/components/GraphicTextCard/hooks/useGraphicTextCardClick.d.ts +0 -15
  124. package/es/components/PisellCards/components/GraphicTextCard/hooks/useGraphicTextCardStyle.d.ts +0 -18
  125. package/es/components/PisellCards/components/GraphicTextCard/types.d.ts +0 -290
  126. package/es/components/PisellCards/components/GraphicTextCard/utils/index.d.ts +0 -19
  127. package/es/components/PisellCards/components/TextCard/TextCard.d.ts +0 -8
  128. package/es/components/PisellCards/components/TextCard/components/BadgeWrapper.d.ts +0 -26
  129. package/es/components/PisellCards/components/TextCard/components/IconWrapper.d.ts +0 -17
  130. package/es/components/PisellCards/components/TextCard/components/TextContent.d.ts +0 -21
  131. package/es/components/PisellCards/components/TextCard/components/index.d.ts +0 -6
  132. package/es/components/PisellCards/components/TextCard/index.d.ts +0 -5
  133. package/es/components/PisellCards/components/TextCard/types.d.ts +0 -270
  134. package/es/components/PisellCards/index.d.ts +0 -15
  135. package/es/components/config-provider/index.d.ts +0 -10
  136. package/es/components/dataSourceComponents/dataSourceTable/type.d.ts +0 -84
  137. package/es/components/dataSourceComponents/fields/Input.Phone/serve.d.ts +0 -27
  138. package/es/components/dataSourceComponents/fields/Upload/constants.d.ts +0 -9
  139. package/es/components/drag-sort-tree/index.d.ts +0 -5
  140. package/es/components/filter/components/Dropdown/types.d.ts +0 -13
  141. package/es/components/filter/components/FilterButton/types.d.ts +0 -24
  142. package/es/components/filter/types.d.ts +0 -48
  143. package/es/components/login-and-register/index.d.ts +0 -82
  144. package/es/components/pisellCurrency/PisellCurrency.d.ts +0 -39
  145. package/es/components/pisellDateTimeDisplay/utils/relativeDay.d.ts +0 -24
  146. package/es/components/pisellEmail/PisellEmail.d.ts +0 -37
  147. package/es/components/pisellFilter/type.d.ts +0 -5
  148. package/es/components/pisellGridPro/index.d.ts +0 -4
  149. package/es/components/pisellLongText/PisellLongText.d.ts +0 -39
  150. package/es/components/pisellMultipleSelect/PisellMultipleSelect.d.ts +0 -9
  151. package/es/components/pisellMultipleSelect/components/EditView.d.ts +0 -8
  152. package/es/components/pisellNumber/PisellNumber.d.ts +0 -42
  153. package/es/components/pisellPhone/PisellPhone.d.ts +0 -36
  154. package/es/components/pisellPhone/components/EditView.d.ts +0 -19
  155. package/es/components/pisellPhone/constants/countryCodes.d.ts +0 -20
  156. package/es/components/pisellPhone/types.d.ts +0 -209
  157. package/es/components/pisellPhone/utils/countryCodeHelper.d.ts +0 -35
  158. package/es/components/pisellQuickFilter/type.d.ts +0 -12
  159. package/es/components/pisellRating/PisellRating.d.ts +0 -31
  160. package/es/components/pisellRecordBoard/shellFrame/BatchActionBar/index.d.ts +0 -8
  161. package/es/components/pisellRecordBoard/shellFrame/Search/index.d.ts +0 -10
  162. package/es/components/pisellRecordBoard/shellFrame/ToolBarReset/index.d.ts +0 -16
  163. package/es/components/pisellSingleLineText/PisellSingleLineText.d.ts +0 -40
  164. package/es/components/pisellSingleSelect/PisellSingleSelect.d.ts +0 -9
  165. package/es/components/pisellTimeRangeDisplay/PisellTimeRangeDisplay.d.ts +0 -32
  166. package/es/components/pisellUrl/PisellUrl.d.ts +0 -37
  167. package/es/components/productCard/components/Header/DeleteButton/index.d.ts +0 -4
  168. package/es/components/productCard/components/Time/components/SelectHolder/index.d.ts +0 -4
  169. package/es/components/productCard/components/Time/components/SelectResource/index.d.ts +0 -19
  170. package/es/components/sort/index.d.ts +0 -5
  171. package/es/components/table/Actions/component/ViewMode/index.d.ts +0 -9
  172. package/es/components/table/Gallery/components/GalleryItem/index.d.ts +0 -14
  173. package/es/components/table/types.d.ts +0 -268
  174. package/es/components/translation/index.d.ts +0 -17
  175. package/es/components/translation/utils.d.ts +0 -9
  176. package/lib/components/PisellCards/components/GraphicTextCard/components/BadgeWrapper.d.ts +0 -5
  177. package/lib/components/PisellCards/components/GraphicTextCard/components/TextContent.d.ts +0 -27
  178. package/lib/components/PisellCards/components/GraphicTextCard/hooks/index.d.ts +0 -5
  179. package/lib/components/PisellCards/components/GraphicTextCard/hooks/useGraphicTextCardClick.d.ts +0 -15
  180. package/lib/components/PisellCards/components/GraphicTextCard/hooks/useGraphicTextCardStyle.d.ts +0 -18
  181. package/lib/components/PisellCards/components/GraphicTextCard/types.d.ts +0 -290
  182. package/lib/components/PisellCards/components/GraphicTextCard/utils/index.d.ts +0 -19
  183. package/lib/components/PisellCards/components/TextCard/TextCard.d.ts +0 -8
  184. package/lib/components/PisellCards/components/TextCard/components/BadgeWrapper.d.ts +0 -26
  185. package/lib/components/PisellCards/components/TextCard/components/IconWrapper.d.ts +0 -17
  186. package/lib/components/PisellCards/components/TextCard/components/TextContent.d.ts +0 -21
  187. package/lib/components/PisellCards/components/TextCard/components/index.d.ts +0 -6
  188. package/lib/components/PisellCards/components/TextCard/index.d.ts +0 -5
  189. package/lib/components/PisellCards/components/TextCard/types.d.ts +0 -270
  190. package/lib/components/PisellCards/index.d.ts +0 -15
  191. package/lib/components/config-provider/index.d.ts +0 -10
  192. package/lib/components/dataSourceComponents/dataSourceTable/type.d.ts +0 -84
  193. package/lib/components/dataSourceComponents/fields/Input.Phone/serve.d.ts +0 -27
  194. package/lib/components/dataSourceComponents/fields/Upload/constants.d.ts +0 -9
  195. package/lib/components/drag-sort-tree/index.d.ts +0 -5
  196. package/lib/components/filter/components/Dropdown/types.d.ts +0 -13
  197. package/lib/components/filter/components/FilterButton/types.d.ts +0 -24
  198. package/lib/components/filter/types.d.ts +0 -48
  199. package/lib/components/login-and-register/index.d.ts +0 -82
  200. package/lib/components/pisellCurrency/PisellCurrency.d.ts +0 -39
  201. package/lib/components/pisellDateTimeDisplay/utils/relativeDay.d.ts +0 -24
  202. package/lib/components/pisellEmail/PisellEmail.d.ts +0 -37
  203. package/lib/components/pisellFilter/type.d.ts +0 -5
  204. package/lib/components/pisellGridPro/index.d.ts +0 -4
  205. package/lib/components/pisellLongText/PisellLongText.d.ts +0 -39
  206. package/lib/components/pisellMultipleSelect/PisellMultipleSelect.d.ts +0 -9
  207. package/lib/components/pisellMultipleSelect/components/EditView.d.ts +0 -8
  208. package/lib/components/pisellNumber/PisellNumber.d.ts +0 -42
  209. package/lib/components/pisellPhone/PisellPhone.d.ts +0 -36
  210. package/lib/components/pisellPhone/components/EditView.d.ts +0 -19
  211. package/lib/components/pisellPhone/constants/countryCodes.d.ts +0 -20
  212. package/lib/components/pisellPhone/types.d.ts +0 -209
  213. package/lib/components/pisellPhone/utils/countryCodeHelper.d.ts +0 -35
  214. package/lib/components/pisellQuickFilter/type.d.ts +0 -12
  215. package/lib/components/pisellRating/PisellRating.d.ts +0 -31
  216. package/lib/components/pisellRecordBoard/shellFrame/BatchActionBar/index.d.ts +0 -8
  217. package/lib/components/pisellRecordBoard/shellFrame/Search/index.d.ts +0 -10
  218. package/lib/components/pisellRecordBoard/shellFrame/ToolBarReset/index.d.ts +0 -16
  219. package/lib/components/pisellSingleLineText/PisellSingleLineText.d.ts +0 -40
  220. package/lib/components/pisellSingleSelect/PisellSingleSelect.d.ts +0 -9
  221. package/lib/components/pisellTimeRangeDisplay/PisellTimeRangeDisplay.d.ts +0 -32
  222. package/lib/components/pisellUrl/PisellUrl.d.ts +0 -37
  223. package/lib/components/productCard/components/Header/DeleteButton/index.d.ts +0 -4
  224. package/lib/components/productCard/components/Time/components/SelectHolder/index.d.ts +0 -4
  225. package/lib/components/productCard/components/Time/components/SelectResource/index.d.ts +0 -19
  226. package/lib/components/sort/index.d.ts +0 -5
  227. package/lib/components/table/Actions/component/ViewMode/index.d.ts +0 -9
  228. package/lib/components/table/Gallery/components/GalleryItem/index.d.ts +0 -14
  229. package/lib/components/table/types.d.ts +0 -268
  230. package/lib/components/translation/index.d.ts +0 -17
  231. package/lib/components/translation/utils.d.ts +0 -9
@@ -1,37 +0,0 @@
1
- import React from 'react';
2
- import type { PisellEmailProps } from './types';
3
- import './PisellEmail.less';
4
- /**
5
- * PisellEmail 邮箱地址组件
6
- *
7
- * 邮箱地址输入/展示组件,支持只读、编辑、禁用三种状态。
8
- * 基于 Ant Design AutoComplete 和 Input 组件开发,提供邮箱格式校验、域名智能补全、
9
- * mailto 邮件发送和域名隐藏功能。
10
- *
11
- * @param props 组件 Props
12
- *
13
- * @example
14
- * // 编辑态(邮箱输入)
15
- * <PisellEmail
16
- * placeholder="请输入邮箱地址"
17
- * required
18
- * />
19
- *
20
- * @example
21
- * // 只读态(可发邮件)
22
- * <PisellEmail
23
- * mode="read"
24
- * value="user@example.com"
25
- * enableMailto
26
- * />
27
- *
28
- * @example
29
- * // 域名补全
30
- * <PisellEmail
31
- * enableAutoComplete
32
- * autoCompleteDomains={['gmail.com', 'company.com']}
33
- * />
34
- */
35
- export declare const PisellEmail: React.FC<PisellEmailProps>;
36
- declare const _default: React.NamedExoticComponent<PisellEmailProps>;
37
- export default _default;
@@ -1,5 +0,0 @@
1
- import { FilterListProps } from '../filter/components/FilterButton/types';
2
- import { FormInstance } from 'antd';
3
- export declare type PisellFilterProps = FilterListProps & FormInstance & {
4
- hasForm?: boolean;
5
- };
@@ -1,4 +0,0 @@
1
- import { GridProProps } from './GridPro';
2
- export type { GridProProps };
3
- declare const PisellGridPro: any;
4
- export default PisellGridPro;
@@ -1,39 +0,0 @@
1
- import React from 'react';
2
- import type { PisellLongTextProps } from './types';
3
- import './PisellLongText.less';
4
- /**
5
- * PisellLongText 长文本/多行文本组件
6
- *
7
- * 多行文本输入/展示组件,支持只读、编辑、禁用三种状态。
8
- * 基于 Ant Design TextArea 组件开发,提供展开/折叠功能和完整的校验框架。
9
- *
10
- * @param props 组件 Props
11
- *
12
- * @example
13
- * // 编辑态
14
- * <PisellLongText
15
- * placeholder="请输入内容"
16
- * rows={3}
17
- * maxLength={500}
18
- * showCount
19
- * />
20
- *
21
- * @example
22
- * // 只读态(展开折叠)
23
- * <PisellLongText
24
- * mode="read"
25
- * value={longText}
26
- * maxLines={3}
27
- * enableExpand
28
- * />
29
- *
30
- * @example
31
- * // 自动高度
32
- * <PisellLongText
33
- * autoSize={{ minRows: 3, maxRows: 10 }}
34
- * placeholder="自动调整高度"
35
- * />
36
- */
37
- export declare const PisellLongText: React.FC<PisellLongTextProps>;
38
- declare const _default: React.NamedExoticComponent<PisellLongTextProps>;
39
- export default _default;
@@ -1,9 +0,0 @@
1
- /**
2
- * PisellMultipleSelect - 多选下拉组件
3
- * 基于 Ant Design Select 封装,提供符合 Pisell 设计规范的多选功能
4
- */
5
- import React from 'react';
6
- import type { PisellMultipleSelectProps, MultipleSelectRef } from './types';
7
- import './PisellMultipleSelect.less';
8
- declare const PisellMultipleSelect: React.ForwardRefExoticComponent<PisellMultipleSelectProps<string | number> & React.RefAttributes<MultipleSelectRef<string | number>>>;
9
- export default PisellMultipleSelect;
@@ -1,8 +0,0 @@
1
- /**
2
- * PisellMultipleSelect - EditView (编辑态视图)
3
- * 正常可编辑状态下的渲染
4
- */
5
- import React from 'react';
6
- import type { EditViewProps } from '../types';
7
- declare const EditView: React.ForwardRefExoticComponent<EditViewProps<string | number> & React.RefAttributes<any>>;
8
- export default EditView;
@@ -1,42 +0,0 @@
1
- import React from 'react';
2
- import type { PisellNumberProps } from './types';
3
- import './PisellNumber.less';
4
- /**
5
- * PisellNumber 数值组件
6
- *
7
- * 通用的数值输入/展示组件,支持只读、编辑、禁用三种状态。
8
- * 基于 Ant Design InputNumber 组件开发,提供完整的校验框架。
9
- *
10
- * @param props 组件 Props
11
- *
12
- * @example
13
- * // 受控模式
14
- * const [value, setValue] = useState(0);
15
- * <PisellNumber
16
- * value={value}
17
- * onChange={setValue}
18
- * min={0}
19
- * max={100}
20
- * />
21
- *
22
- * @example
23
- * // 非受控模式
24
- * <PisellNumber
25
- * defaultValue={10}
26
- * min={0}
27
- * max={999}
28
- * step={10}
29
- * />
30
- *
31
- * @example
32
- * // 只读态
33
- * <PisellNumber
34
- * mode="read"
35
- * value={1234.567}
36
- * precision={2}
37
- * useGrouping
38
- * />
39
- */
40
- export declare const PisellNumber: React.FC<PisellNumberProps>;
41
- declare const MemoizedPisellNumber: React.NamedExoticComponent<PisellNumberProps>;
42
- export default MemoizedPisellNumber;
@@ -1,36 +0,0 @@
1
- import React from 'react';
2
- import type { PisellPhoneProps } from './types';
3
- import './PisellPhone.less';
4
- /**
5
- * PisellPhone 电话号码组件
6
- *
7
- * 电话号码输入/展示组件,支持只读、编辑、禁用三种状态。
8
- * 基于 Ant Design Input 和 Select 组件开发,提供国家码选择、自动格式化、格式校验和拨号功能。
9
- *
10
- * @param props 组件 Props
11
- *
12
- * @example
13
- * // 编辑态(中国手机号)
14
- * <PisellPhone
15
- * placeholder="请输入手机号"
16
- * required
17
- * />
18
- *
19
- * @example
20
- * // 只读态(可拨号)
21
- * <PisellPhone
22
- * mode="read"
23
- * value="13800000000"
24
- * countryCode="+86"
25
- * />
26
- *
27
- * @example
28
- * // 国家码选择
29
- * <PisellPhone
30
- * showCountrySelector
31
- * availableCountryCodes={['+86', '+1', '+44']}
32
- * />
33
- */
34
- export declare const PisellPhone: React.FC<PisellPhoneProps>;
35
- declare const _default: React.NamedExoticComponent<PisellPhoneProps>;
36
- export default _default;
@@ -1,19 +0,0 @@
1
- import React from 'react';
2
- import type { PisellPhoneProps } from '../types';
3
- /**
4
- * PisellPhone 编辑态视图组件
5
- *
6
- * 负责渲染编辑态的电话号码输入,包含国家码选择器和号码输入框
7
- *
8
- * 功能:
9
- * - 国家码选择器(下拉,支持搜索)
10
- * - 电话号码输入(只保留数字)
11
- * - 自动格式化(根据国家码)
12
- * - 动态设置最大长度(根据国家码)
13
- * - 实时或失焦校验
14
- * - 错误提示展示
15
- *
16
- * @param props 组件 Props
17
- */
18
- declare const EditView: React.FC<PisellPhoneProps>;
19
- export default EditView;
@@ -1,20 +0,0 @@
1
- import type { CountryCode } from '../types';
2
- /**
3
- * 预设的国家码列表(24个常见国家)
4
- *
5
- * 包含:
6
- * - 亚洲:中国、香港、澳门、台湾、日本、韩国、新加坡、马来西亚、泰国、印度
7
- * - 欧洲:英国、法国、德国、意大利、西班牙、俄罗斯
8
- * - 美洲:美国、加拿大、墨西哥、巴西
9
- * - 大洋洲:澳大利亚、新西兰
10
- * - 中东:阿联酋、沙特阿拉伯
11
- */
12
- export declare const PRESET_COUNTRY_CODES: CountryCode[];
13
- /**
14
- * 默认国家码
15
- */
16
- export declare const DEFAULT_COUNTRY_CODE = "+86";
17
- /**
18
- * 常用国家码(可作为默认的 commonCountryCodes)
19
- */
20
- export declare const COMMON_COUNTRY_CODES: string[];
@@ -1,209 +0,0 @@
1
- import type { CSSProperties } from 'react';
2
- import type { BaseTextInputProps } from '@pisell/utils';
3
- /**
4
- * 国家码配置类型
5
- */
6
- export interface CountryCode {
7
- /**
8
- * 国家码
9
- * @example '+86', '+1', '+44'
10
- */
11
- code: string;
12
- /**
13
- * 国家名称
14
- * @example '中国', '美国', '英国'
15
- */
16
- name: string;
17
- /**
18
- * 国旗 emoji 或图标
19
- * @example '🇨🇳', '🇺🇸', '🇬🇧'
20
- */
21
- flag: string;
22
- /**
23
- * 号码格式(可选,用于显示占位符)
24
- * @example 'XXX XXXX XXXX', '(XXX) XXX-XXXX'
25
- */
26
- format?: string;
27
- /**
28
- * 最大长度
29
- * @example 11 (中国), 10 (美国)
30
- */
31
- maxLength: number;
32
- /**
33
- * 校验正则
34
- * @example /^1[3-9]\d{9}$/ (中国手机号)
35
- */
36
- pattern: RegExp;
37
- }
38
- /**
39
- * PisellPhone 组件 Props 类型定义
40
- *
41
- * 继承 BaseTextInputProps,添加电话号码特有的配置
42
- */
43
- export interface PisellPhoneProps extends BaseTextInputProps {
44
- /**
45
- * 状态模式
46
- * @default 'edit'
47
- */
48
- mode?: 'read' | 'edit';
49
- /**
50
- * 是否禁用
51
- * @default false
52
- */
53
- disabled?: boolean;
54
- /**
55
- * 当前选中的国家码
56
- * @default '+86'
57
- * @example '+86', '+1', '+44'
58
- */
59
- countryCode?: string;
60
- /**
61
- * 默认国家码(非受控模式)
62
- * @default '+86'
63
- */
64
- defaultCountryCode?: string;
65
- /**
66
- * 是否显示国家码选择器
67
- * @default true
68
- */
69
- showCountrySelector?: boolean;
70
- /**
71
- * 可用的国家码列表(从预设24个中过滤)
72
- * @example ['+86', '+1', '+44']
73
- */
74
- availableCountryCodes?: string[];
75
- /**
76
- * 常用国家码(置顶显示)
77
- * @example ['+86', '+1']
78
- */
79
- commonCountryCodes?: string[];
80
- /**
81
- * 完全自定义国家码列表(覆盖预设)
82
- */
83
- countryCodes?: CountryCode[];
84
- /**
85
- * 国家码变更回调
86
- * @param code 新的国家码
87
- */
88
- onCountryCodeChange?: (code: string) => void;
89
- /**
90
- * 是否自动格式化
91
- * @default true
92
- */
93
- autoFormat?: boolean;
94
- /**
95
- * 格式化规则
96
- * @default 'auto'
97
- */
98
- formatRule?: 'mobile' | 'landline' | 'auto';
99
- /**
100
- * 格式化分隔符
101
- * @default ' '
102
- */
103
- separator?: string;
104
- /**
105
- * 是否启用拨号(移动端)
106
- * @default true
107
- */
108
- enableDial?: boolean;
109
- /**
110
- * 是否显示拨号图标
111
- * @default false
112
- */
113
- showDialIcon?: boolean;
114
- /**
115
- * 拨号回调
116
- * @param phone 完整的电话号码(含国家码)
117
- */
118
- onDial?: (phone: string) => void;
119
- /**
120
- * 是否脱敏显示(只读态)
121
- * @default false
122
- */
123
- enableMasking?: boolean;
124
- /**
125
- * 脱敏模式
126
- * - middle: 中间4位脱敏(138****0000)
127
- * - last: 后4位脱敏(1380000****)
128
- * - custom: 使用自定义函数
129
- * @default 'middle'
130
- */
131
- maskPattern?: 'middle' | 'last' | 'custom';
132
- /**
133
- * 自定义脱敏函数
134
- * @param phone 电话号码
135
- * @returns 脱敏后的号码
136
- */
137
- customMask?: (phone: string) => string;
138
- /**
139
- * 是否显示国旗图标
140
- * @default true
141
- */
142
- showFlag?: boolean;
143
- /**
144
- * 字号
145
- * @example '14px' 或 14
146
- * @default 16
147
- */
148
- fontSize?: string | number;
149
- /**
150
- * 字重
151
- * @example 'bold' 或 600
152
- * @default 500
153
- */
154
- fontWeight?: string | number;
155
- /**
156
- * 文本颜色
157
- * @example '#000000'
158
- * @default '#101828'
159
- */
160
- color?: string;
161
- /**
162
- * 占位文本
163
- * @default '请输入电话号码'
164
- */
165
- placeholder?: string;
166
- /**
167
- * 最大长度(根据国家码自动设置)
168
- */
169
- maxLength?: number;
170
- /**
171
- * 是否显示清空按钮
172
- * @default false
173
- */
174
- allowClear?: boolean;
175
- /**
176
- * 是否自动聚焦
177
- * @default false
178
- */
179
- autoFocus?: boolean;
180
- /**
181
- * 是否校验格式
182
- * @default true
183
- */
184
- validateFormat?: boolean;
185
- /**
186
- * 自定义校验函数
187
- * @param phone 电话号码(纯数字)
188
- * @param countryCode 国家码
189
- * @returns true 表示校验通过,string 表示错误信息
190
- */
191
- customValidator?: (phone: string, countryCode: string) => boolean | string;
192
- /**
193
- * 自定义类名
194
- */
195
- className?: string;
196
- /**
197
- * 自定义样式
198
- */
199
- style?: CSSProperties;
200
- /**
201
- * ARIA 标签
202
- */
203
- 'aria-label'?: string;
204
- /**
205
- * ARIA 描述
206
- */
207
- 'aria-describedby'?: string;
208
- }
209
- export type { DisplayState, ValidationResult, TextInputState } from '@pisell/utils';
@@ -1,35 +0,0 @@
1
- import type { CountryCode, PisellPhoneProps } from '../types';
2
- /**
3
- * 根据国家码获取国旗 emoji
4
- * @param countryCode 国家码
5
- * @returns 国旗 emoji
6
- */
7
- export declare function getCountryFlag(countryCode: string): string;
8
- /**
9
- * 根据国家码获取最大长度
10
- * @param countryCode 国家码
11
- * @param countryCodes 国家码列表
12
- * @returns 最大长度
13
- */
14
- export declare function getMaxLength(countryCode: string, countryCodes: CountryCode[]): number;
15
- /**
16
- * 根据国家码获取配置
17
- * @param countryCode 国家码
18
- * @param countryCodes 国家码列表
19
- * @returns 国家码配置
20
- */
21
- export declare function getCountryConfig(countryCode: string, countryCodes: CountryCode[]): CountryCode | undefined;
22
- /**
23
- * 获取最终的国家码列表
24
- *
25
- * 优先级:
26
- * 1. props.countryCodes(完全自定义)
27
- * 2. props.availableCountryCodes(从预设中过滤)
28
- * 3. PRESET_COUNTRY_CODES(默认全部24个)
29
- *
30
- * 然后根据 props.commonCountryCodes 排序(置顶)
31
- *
32
- * @param props 组件 Props
33
- * @returns 国家码列表
34
- */
35
- export declare function getCountryCodes(props: PisellPhoneProps): CountryCode[];
@@ -1,12 +0,0 @@
1
- /// <reference types="react" />
2
- import { FilterItemProps } from '../filter/types';
3
- import { FormInstance } from 'antd';
4
- export declare type PisellQuickFilterProps = FormInstance & {
5
- hasForm?: boolean;
6
- children?: React.ReactNode;
7
- formFiltersPrefix: string;
8
- filterList?: FilterItemProps[];
9
- quickFilterMaxLength: number;
10
- hiddenQuickFilter: boolean;
11
- hiddenOtherFilter: boolean;
12
- };
@@ -1,31 +0,0 @@
1
- import React from 'react';
2
- import type { PisellRatingProps } from './types';
3
- import './PisellRating.less';
4
- /**
5
- * PisellRating 评分组件
6
- *
7
- * 基于 Ant Design Rate 组件开发,提供直观的星级评分交互。
8
- * 支持只读、编辑、禁用三种状态。
9
- *
10
- * @param props 组件 Props
11
- *
12
- * @example
13
- * // 基础使用
14
- * const [rating, setRating] = useState(0);
15
- * <PisellRating value={rating} onChange={setRating} />
16
- *
17
- * @example
18
- * // 只读态
19
- * <PisellRating mode="read" value={4.5} allowHalf />
20
- *
21
- * @example
22
- * // 带评分描述
23
- * <PisellRating
24
- * value={rating}
25
- * onChange={setRating}
26
- * tooltips={['很差', '差', '一般', '好', '很好']}
27
- * />
28
- */
29
- export declare const PisellRating: React.FC<PisellRatingProps>;
30
- declare const _default: React.NamedExoticComponent<PisellRatingProps>;
31
- export default _default;
@@ -1,8 +0,0 @@
1
- import React from 'react';
2
- import type { PisellBatchActionBarProps } from '../../../pisellBatchActionBar';
3
- /**
4
- * RecordBoard 下的多选操作栏:从 context 取选中态与数据,渲染 PisellBatchActionBar。
5
- * 仅在有选中项时展示;全选/反选/清空基于当前页 data。
6
- */
7
- declare const RecordBoardBatchActionBar: React.FC<Partial<PisellBatchActionBarProps>>;
8
- export default RecordBoardBatchActionBar;
@@ -1,10 +0,0 @@
1
- import React from 'react';
2
- export interface RecordBoardSearchProps {
3
- [key: string]: any;
4
- }
5
- /**
6
- * RecordBoard 下的独立搜索槽:使用 PisellFind,绑定 context.searchParams.keyword 与 onSearch。
7
- * 可通过 childComponentProps.search 透传 PisellFind 的 props。
8
- */
9
- declare const RecordBoardSearch: React.FC<RecordBoardSearchProps>;
10
- export default RecordBoardSearch;
@@ -1,16 +0,0 @@
1
- import React from 'react';
2
- import './index.less';
3
- export interface ToolBarResetProps {
4
- /** 按钮尺寸,与 antd Button 一致,默认与筛选按钮对齐为 large */
5
- size?: 'small' | 'middle' | 'large';
6
- /** 按钮类型 */
7
- type?: 'default' | 'primary' | 'link' | 'text';
8
- /** 按钮文案,默认使用多语言「重置」 */
9
- children?: React.ReactNode;
10
- }
11
- /**
12
- * RecordBoard 工具栏重置按钮:清空筛选与排序并刷新表格。
13
- * 点击后以空 filter.values、清空 sort 调用 onSearch,并调用 onReset(若提供)。
14
- */
15
- declare const ToolBarReset: React.FC<ToolBarResetProps>;
16
- export default ToolBarReset;
@@ -1,40 +0,0 @@
1
- import React from 'react';
2
- import type { PisellSingleLineTextProps } from './types';
3
- import './PisellSingleLineText.less';
4
- /**
5
- * PisellSingleLineText 单行文本组件
6
- *
7
- * 通用的单行文本输入/展示组件,支持只读、编辑、禁用三种状态。
8
- * 基于 Ant Design Input 组件开发,提供完整的校验框架。
9
- *
10
- * @param props 组件 Props
11
- *
12
- * @example
13
- * // 受控模式
14
- * const [value, setValue] = useState('');
15
- * <PisellSingleLineText
16
- * value={value}
17
- * onChange={(v) => setValue(v)}
18
- * placeholder="请输入"
19
- * />
20
- *
21
- * @example
22
- * // 非受控模式
23
- * <PisellSingleLineText
24
- * defaultValue="初始值"
25
- * required
26
- * minLength={3}
27
- * />
28
- *
29
- * @example
30
- * // 只读态
31
- * <PisellSingleLineText
32
- * mode="read"
33
- * value="这是一段很长的文本内容"
34
- * ellipsis
35
- * showTooltip
36
- * />
37
- */
38
- export declare const PisellSingleLineText: React.FC<PisellSingleLineTextProps>;
39
- declare const _default: React.NamedExoticComponent<PisellSingleLineTextProps>;
40
- export default _default;
@@ -1,9 +0,0 @@
1
- /**
2
- * PisellSingleSelect - 单选下拉组件
3
- * 基于 Ant Design Select 封装,提供符合 Pisell 设计规范的单选功能
4
- */
5
- import React from 'react';
6
- import type { PisellSingleSelectProps, SingleSelectRef } from './types';
7
- import './PisellSingleSelect.less';
8
- declare const PisellSingleSelect: React.ForwardRefExoticComponent<PisellSingleSelectProps<string | number> & React.RefAttributes<SingleSelectRef<string | number>>>;
9
- export default PisellSingleSelect;
@@ -1,32 +0,0 @@
1
- import React from 'react';
2
- import 'dayjs/locale/zh-cn';
3
- import 'dayjs/locale/en';
4
- import type { PisellTimeRangeDisplayProps } from './types';
5
- import './PisellTimeRangeDisplay.less';
6
- /**
7
- * PisellTimeRangeDisplay 组件
8
- *
9
- * @description
10
- * 纯展示型时间区间组件,将 startAt / endAt 格式化为「时间区间 + 持续时间」。
11
- * - 同一天:HH:mm-HH:mm,可选显示日期/星期
12
- * - 跨天:起止日期时间
13
- * - 持续时间:d h m s 格式
14
- * - 字段顺序由 fieldOrder 控制,可将 duration 放在中间
15
- *
16
- * @example
17
- * <PisellTimeRangeDisplay
18
- * startAt="2026-02-04 09:00"
19
- * endAt="2026-02-04 18:00"
20
- * />
21
- * // => "09:00-18:00" + "9h"
22
- *
23
- * <PisellTimeRangeDisplay
24
- * startAt={start}
25
- * endAt={end}
26
- * fields={{ fieldOrder: ['time', 'duration', 'date', 'weekday'] }}
27
- * showDateForSameDay
28
- * />
29
- */
30
- export declare const PisellTimeRangeDisplay: React.FC<PisellTimeRangeDisplayProps>;
31
- declare const _default: React.NamedExoticComponent<PisellTimeRangeDisplayProps>;
32
- export default _default;
@@ -1,37 +0,0 @@
1
- import React from 'react';
2
- import type { PisellUrlProps } from './types';
3
- import './PisellUrl.less';
4
- /**
5
- * PisellUrl URL 链接组件
6
- *
7
- * URL 链接输入/展示组件,支持只读、编辑、禁用三种状态。
8
- * 基于 Ant Design Input 组件开发,提供 URL 格式校验、协议自动补全、
9
- * 链接跳转和协议/路径显示控制功能。
10
- *
11
- * @param props 组件 Props
12
- *
13
- * @example
14
- * // 编辑态(URL 输入)
15
- * <PisellUrl
16
- * placeholder="请输入网址"
17
- * required
18
- * />
19
- *
20
- * @example
21
- * // 只读态(可跳转)
22
- * <PisellUrl
23
- * mode="read"
24
- * value="https://www.example.com"
25
- * enableLinkClick
26
- * />
27
- *
28
- * @example
29
- * // 协议自动补全
30
- * <PisellUrl
31
- * autoCompleteProtocol
32
- * defaultProtocol="https://"
33
- * />
34
- */
35
- export declare const PisellUrl: React.FC<PisellUrlProps>;
36
- declare const _default: React.NamedExoticComponent<PisellUrlProps>;
37
- export default _default;