@pisell/materials 6.8.2 → 6.8.3

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/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/meta.js +1 -1
  5. package/build/lowcode/render/default/view.css +1 -1
  6. package/build/lowcode/render/default/view.js +2 -2
  7. package/build/lowcode/view.css +1 -1
  8. package/build/lowcode/view.js +2 -2
  9. package/es/components/Pagination/index.d.ts +1 -1
  10. package/es/components/PisellCards/components/MultilevelCard/hooks/useMultilevelCardExpand.d.ts +0 -1
  11. package/es/components/PisellCards/components/PisellImageCard/hooks/useImageLoad.d.ts +0 -1
  12. package/es/components/PisellCards/index.d.ts +0 -1
  13. package/es/components/PisellProcedure/PisellProcedure.js +4 -2
  14. package/es/components/PisellProcedure/PisellProcedure.less +115 -106
  15. package/es/components/PisellProcedure/components/ProcedureSidebar.js +4 -2
  16. package/es/components/PisellProcedure/hooks/useElementSize.js +3 -2
  17. package/es/components/PisellProcedure/hooks/useSidebarHeight.js +1 -1
  18. package/es/components/PisellTabbar2/PisellTabbar.js +39 -1
  19. package/es/components/PisellTabbar2/PisellTabbar.less +1 -0
  20. package/es/components/PisellTabbar2/components/TabbarLevel.js +1 -0
  21. package/es/components/batch-editor/fields/index.d.ts +0 -1
  22. package/es/components/calendar/index.d.ts +0 -1
  23. package/es/components/checkbox/index.d.ts +0 -1
  24. package/es/components/dataSourceComponents/dataSourceShow/dataSourceQRCode/index.d.ts +0 -1
  25. package/es/components/dataSourceComponents/dataSourceTable/hooks/useDataSourceKey.d.ts +2 -3
  26. package/es/components/dataSourceComponents/dataSourceTable/hooks/useDrawerState.d.ts +0 -1
  27. package/es/components/dataSourceComponents/dataSourceTable/hooks/useTableProps.d.ts +4 -4
  28. package/es/components/dataSourceComponents/dataSourceTable/hooks/useTableQuery.d.ts +0 -1
  29. package/es/components/dataSourceComponents/fields/index.d.ts +0 -1
  30. package/es/components/date-picker/index.d.ts +0 -1
  31. package/es/components/filter/components/items/index.d.ts +0 -1
  32. package/es/components/filter/components/items/text/Editor/index.d.ts +0 -1
  33. package/es/components/filter/components/items/text/Preview/index.d.ts +0 -1
  34. package/es/components/filter/components/items/text/index.d.ts +0 -1
  35. package/es/components/pisellDatePicker/index.d.ts +0 -1
  36. package/es/components/pisellModal/components/index.d.ts +0 -1
  37. package/es/components/productCard/cartSkuCard/components/packages/utils.d.ts +1 -1
  38. package/es/components/productCard/components/Packages/utils.d.ts +1 -1
  39. package/es/components/radio/index.d.ts +0 -1
  40. package/es/components/skeleton/index.d.ts +0 -1
  41. package/es/components/table/Gallery/components/VirtualGrid/useGapSize.d.ts +2 -2
  42. package/es/components/table/Table/fields/date/index.d.ts +0 -1
  43. package/es/components/table/Table/fields/image/index.d.ts +0 -1
  44. package/es/components/table/Table/fields/index.d.ts +0 -1
  45. package/es/components/table/Table/fields/link/index.d.ts +0 -1
  46. package/es/components/table/Table/fields/number/index.d.ts +0 -1
  47. package/es/components/table/Table/fields/numberRange/index.d.ts +0 -1
  48. package/es/components/table/Table/fields/oldRangePicker/index.d.ts +0 -1
  49. package/es/components/table/Table/fields/pSwitch/index.d.ts +0 -1
  50. package/es/components/table/Table/fields/rangePicker/index.d.ts +0 -1
  51. package/es/components/table/Table/fields/search/index.d.ts +0 -1
  52. package/es/components/table/Table/fields/select/filterUtil/index.d.ts +1 -1
  53. package/es/components/table/Table/fields/select/index.d.ts +0 -1
  54. package/es/components/table/Table/fields/text/index.d.ts +0 -1
  55. package/es/components/table/Table/fields/treeSelect/filterUtil/index.d.ts +1 -1
  56. package/es/components/table/Table/fields/treeSelect/index.d.ts +0 -1
  57. package/es/components/table/Table/utils.d.ts +1 -1
  58. package/es/components/time-picker/index.d.ts +0 -1
  59. package/es/components/upload/index.d.ts +0 -1
  60. package/es/components/virtual-keyboard/Time/utils.d.ts +0 -1
  61. package/es/utils/index.d.ts +1 -1
  62. package/es/utils/platform.d.ts +1 -1
  63. package/lib/components/Pagination/index.d.ts +1 -1
  64. package/lib/components/PisellCards/components/MultilevelCard/hooks/useMultilevelCardExpand.d.ts +0 -1
  65. package/lib/components/PisellCards/components/PisellImageCard/hooks/useImageLoad.d.ts +0 -1
  66. package/lib/components/PisellCards/index.d.ts +0 -1
  67. package/lib/components/PisellProcedure/PisellProcedure.js +3 -1
  68. package/lib/components/PisellProcedure/PisellProcedure.less +115 -106
  69. package/lib/components/PisellProcedure/components/ProcedureSidebar.js +9 -2
  70. package/lib/components/PisellProcedure/hooks/useElementSize.js +2 -2
  71. package/lib/components/PisellProcedure/hooks/useSidebarHeight.js +1 -1
  72. package/lib/components/PisellTabbar2/PisellTabbar.js +5 -1
  73. package/lib/components/PisellTabbar2/PisellTabbar.less +1 -0
  74. package/lib/components/PisellTabbar2/components/TabbarLevel.js +1 -0
  75. package/lib/components/batch-editor/fields/index.d.ts +0 -1
  76. package/lib/components/calendar/index.d.ts +0 -1
  77. package/lib/components/checkbox/index.d.ts +0 -1
  78. package/lib/components/dataSourceComponents/dataSourceShow/dataSourceQRCode/index.d.ts +0 -1
  79. package/lib/components/dataSourceComponents/dataSourceTable/hooks/useDataSourceKey.d.ts +2 -3
  80. package/lib/components/dataSourceComponents/dataSourceTable/hooks/useDrawerState.d.ts +0 -1
  81. package/lib/components/dataSourceComponents/dataSourceTable/hooks/useTableProps.d.ts +4 -4
  82. package/lib/components/dataSourceComponents/dataSourceTable/hooks/useTableQuery.d.ts +0 -1
  83. package/lib/components/dataSourceComponents/fields/index.d.ts +0 -1
  84. package/lib/components/date-picker/index.d.ts +0 -1
  85. package/lib/components/filter/components/items/index.d.ts +0 -1
  86. package/lib/components/filter/components/items/text/Editor/index.d.ts +0 -1
  87. package/lib/components/filter/components/items/text/Preview/index.d.ts +0 -1
  88. package/lib/components/filter/components/items/text/index.d.ts +0 -1
  89. package/lib/components/pisellDatePicker/index.d.ts +0 -1
  90. package/lib/components/pisellModal/components/index.d.ts +0 -1
  91. package/lib/components/productCard/cartSkuCard/components/packages/utils.d.ts +1 -1
  92. package/lib/components/productCard/components/Packages/utils.d.ts +1 -1
  93. package/lib/components/radio/index.d.ts +0 -1
  94. package/lib/components/skeleton/index.d.ts +0 -1
  95. package/lib/components/table/Gallery/components/VirtualGrid/useGapSize.d.ts +2 -2
  96. package/lib/components/table/Table/fields/date/index.d.ts +0 -1
  97. package/lib/components/table/Table/fields/image/index.d.ts +0 -1
  98. package/lib/components/table/Table/fields/index.d.ts +0 -1
  99. package/lib/components/table/Table/fields/link/index.d.ts +0 -1
  100. package/lib/components/table/Table/fields/number/index.d.ts +0 -1
  101. package/lib/components/table/Table/fields/numberRange/index.d.ts +0 -1
  102. package/lib/components/table/Table/fields/oldRangePicker/index.d.ts +0 -1
  103. package/lib/components/table/Table/fields/pSwitch/index.d.ts +0 -1
  104. package/lib/components/table/Table/fields/rangePicker/index.d.ts +0 -1
  105. package/lib/components/table/Table/fields/search/index.d.ts +0 -1
  106. package/lib/components/table/Table/fields/select/filterUtil/index.d.ts +1 -1
  107. package/lib/components/table/Table/fields/select/index.d.ts +0 -1
  108. package/lib/components/table/Table/fields/text/index.d.ts +0 -1
  109. package/lib/components/table/Table/fields/treeSelect/filterUtil/index.d.ts +1 -1
  110. package/lib/components/table/Table/fields/treeSelect/index.d.ts +0 -1
  111. package/lib/components/table/Table/utils.d.ts +1 -1
  112. package/lib/components/time-picker/index.d.ts +0 -1
  113. package/lib/components/upload/index.d.ts +0 -1
  114. package/lib/components/virtual-keyboard/Time/utils.d.ts +0 -1
  115. package/lib/utils/index.d.ts +1 -1
  116. package/lib/utils/platform.d.ts +1 -1
  117. package/package.json +1 -1
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import filter from "./filterUtil";
3
2
  declare const _default: {
4
3
  field: {
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  declare const _default: {
3
2
  field: {
4
3
  field_icon: string;
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import filter from "./filterUtil";
3
2
  declare const _default: {
4
3
  field: {
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import filter from "./filterUtil";
3
2
  declare const _default: {
4
3
  field: {
@@ -2,4 +2,4 @@ export default function ({ value, key, item, }: {
2
2
  value: string | string[];
3
3
  key: string | string[];
4
4
  item: Record<string, any>;
5
- }): boolean;
5
+ }): any;
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import filter from "./filterUtil";
3
2
  declare const _default: {
4
3
  field: {
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import filter from "./filterUtil";
3
2
  declare const _default: {
4
3
  field: {
@@ -2,4 +2,4 @@ export default function ({ value, key, item, }: {
2
2
  value: string | string[] | Record<string, any>[];
3
3
  key: string | string[];
4
4
  item: Record<string, any>;
5
- }): boolean;
5
+ }): any;
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import filter from "./filterUtil";
3
2
  declare const _default: {
4
3
  field: {
@@ -155,7 +155,7 @@ export declare const getSettingKeyArrByMode: ({ filter, columnSetting, dataSourc
155
155
  sort?: SortType | undefined;
156
156
  mode: "" | "localStorage" | "remote";
157
157
  currentViewMode: ModeType;
158
- }) => ("view_mode" | "filter_setting" | "group_by" | "order_by" | "column_setting" | "gallery_setting" | "filters")[];
158
+ }) => ("filters" | "filter_setting" | "column_setting" | "gallery_setting" | "view_mode" | "group_by" | "order_by")[];
159
159
  export declare const omit: (obj: Record<string, any>, keys: string[]) => Record<string, any>;
160
160
  export declare const stringify: (obj: Record<string, any>) => string;
161
161
  export {};
@@ -1,3 +1,2 @@
1
- /// <reference types="react" />
2
1
  declare const TimePicker: (props: any) => import("react").JSX.Element;
3
2
  export default TimePicker;
@@ -1,3 +1,2 @@
1
- /// <reference types="react" />
2
1
  declare const Upload: (props: any) => import("react").JSX.Element;
3
2
  export default Upload;
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  export declare const formatStringToTime: (value: string) => {
3
2
  valueArray: string[];
4
3
  valueString: string;
@@ -1,4 +1,4 @@
1
1
  export declare const isBrowser: boolean;
2
- export declare const getCssNumber: (val: string | number) => string;
2
+ export declare const getCssNumber: (val: string | number) => string | number;
3
3
  export declare function uuid(): string;
4
4
  export * from './mergeWith';
@@ -1 +1 @@
1
- export declare const isMobile: () => boolean;
1
+ export declare const isMobile: () => any;
@@ -5,7 +5,7 @@ export declare const paginationConfig: {
5
5
  className: string;
6
6
  defaultCurrent: number;
7
7
  showTotal: (total: number, range: [number, number]) => string;
8
- itemRender: (page: number, type: "page" | "next" | "prev" | "jump-prev" | "jump-next", element: React.ReactNode) => React.ReactNode;
8
+ itemRender: (page: number, type: "next" | "page" | "prev" | "jump-prev" | "jump-next", element: React.ReactNode) => React.ReactNode;
9
9
  responsive: boolean;
10
10
  size: string;
11
11
  };
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import { MultilevelCardTrigger } from '../types';
3
2
  /**
4
3
  * 管理 MultilevelCard 的展开/收起状态
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  /**
3
2
  * 图片加载状态管理 Hook
4
3
  * @param src - 图片地址
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  declare const PisellCards: {
3
2
  TabCard: (props: any) => import("react").JSX.Element;
4
3
  TextCard: (props: any) => import("react").JSX.Element;
@@ -87,9 +87,11 @@ var PisellProcedure = (props) => {
87
87
  return (0, import_utils.mergeClassNames)(
88
88
  "pisell-procedure",
89
89
  className,
90
+ // 弹窗模式添加 --modal 修饰类,用于禁用媒体查询
91
+ mode === "modal" && "pisell-procedure--modal",
90
92
  (0, import_utils.modifierClassName)("pisell-procedure", `footer-${footerPosition}`)
91
93
  );
92
- }, [className, footerPosition]);
94
+ }, [className, mode, footerPosition]);
93
95
  const footerIsGlobal = (0, import_utils.isFooterGlobal)(footerPosition);
94
96
  return /* @__PURE__ */ import_react.default.createElement(
95
97
  "div",
@@ -105,17 +105,19 @@
105
105
 
106
106
  // ========== 布局模式:比例布局 ==========
107
107
  &--ratio {
108
- // 移动端:比例模式下也隐藏信息区
109
- @media (max-width: calc(@breakpoint-sm - 1px)) {
110
- > .pisell-lowcode-layout,
111
- > .ant-layout {
112
- .@{procedure-prefix}-sidebar {
113
- display: none !important;
114
- }
115
-
116
- .@{procedure-prefix}-content {
117
- flex: 1 !important;
118
- max-width: 100% !important;
108
+ // 移动端:比例模式下也隐藏信息区(弹窗模式下不执行)
109
+ .@{procedure-prefix}:not(.@{procedure-prefix}--modal) & {
110
+ @media (max-width: calc(@breakpoint-sm - 1px)) {
111
+ > .pisell-lowcode-layout,
112
+ > .ant-layout {
113
+ .@{procedure-prefix}-sidebar {
114
+ display: none !important;
115
+ }
116
+
117
+ .@{procedure-prefix}-content {
118
+ flex: 1 !important;
119
+ max-width: 100% !important;
120
+ }
119
121
  }
120
122
  }
121
123
  }
@@ -139,10 +141,12 @@
139
141
 
140
142
  // 信息区 - 高度自适应内容,sticky 定位
141
143
  &-sidebar {
144
+ width: initial !important;
145
+ max-width: initial !important;
146
+ min-width: initial !important;
142
147
  background-color: @color-bg-sidebar;
143
148
  border-radius: 4px;
144
149
  position: sticky!important;
145
- top: calc(64px + @gap-default * 2); // header 高度 + body padding + 额外间距
146
150
  overflow-y: auto;
147
151
  align-self: flex-start; // 不拉伸高度
148
152
  background: transparent !important;
@@ -212,45 +216,46 @@
212
216
  display: initial !important;
213
217
  }
214
218
 
215
- // 大于1133px: 405px
216
- @media (min-width: @breakpoint-lg) {
217
- width: @sidebar-width-xl !important;
218
- max-width: @sidebar-width-xl !important;
219
- min-width: @sidebar-width-xl !important;
220
- flex: 0 0 @sidebar-width-xl !important;
221
- }
222
-
223
- // 保留媒体查询作为降级方案(当没有提供 containerSelector 时,即页面模式)
224
- // 弹窗模式下会添加 responsive-xs 类名,所以媒体查询不会生效
225
- // 960px < viewportWidth < 1133px: 376px ~ 405px 线性插值
226
- @media (max-width: calc(@breakpoint-lg - 1px)) and (min-width: @breakpoint-md) {
227
- // 如果没有响应式类名,则应用媒体查询样式
228
- &:not(.pisell-procedure-sidebar--responsive-md):not(.pisell-procedure-sidebar--responsive-sm):not(.pisell-procedure-sidebar--responsive-xs) {
229
- @sidebar-width-dynamic: calc(@sidebar-width-md + (100vw - @breakpoint-md) * (405 - 376) / (1133 - 960));
230
- width: @sidebar-width-dynamic !important;
219
+ // 大于1133px: 405px(仅页面模式,弹窗模式下不执行媒体查询)
220
+ .@{procedure-prefix}:not(.@{procedure-prefix}--modal) & {
221
+ @media (min-width: @breakpoint-lg) {
222
+ width: @sidebar-width-xl !important;
231
223
  max-width: @sidebar-width-xl !important;
232
- min-width: @sidebar-width-md !important;
233
- flex: 0 0 @sidebar-width-dynamic !important;
224
+ min-width: @sidebar-width-xl !important;
225
+ flex: 0 0 @sidebar-width-xl !important;
234
226
  }
235
- }
236
227
 
237
- // 744px < viewportWidth < 960px: 290px ~ 376px 线性插值
238
- @media (max-width: calc(@breakpoint-md)) and (min-width: @breakpoint-sm) {
239
- // 如果没有响应式类名,则应用媒体查询样式
240
- &:not(.pisell-procedure-sidebar--responsive-md):not(.pisell-procedure-sidebar--responsive-sm):not(.pisell-procedure-sidebar--responsive-xs) {
241
- @sidebar-width-dynamic: calc(@sidebar-width-sm + (100vw - @breakpoint-sm) * (376 - 290) / (960 - 744));
242
- width: @sidebar-width-dynamic !important;
243
- max-width: @sidebar-width-md !important;
244
- min-width: @sidebar-width-sm !important;
245
- flex: 0 0 @sidebar-width-dynamic !important;
228
+ // 保留媒体查询作为降级方案(当没有提供 containerSelector 时,即页面模式)
229
+ // 960px < viewportWidth < 1133px: 376px ~ 405px 线性插值
230
+ @media (max-width: calc(@breakpoint-lg - 1px)) and (min-width: @breakpoint-md) {
231
+ // 如果没有响应式类名,则应用媒体查询样式
232
+ &:not(.pisell-procedure-sidebar--responsive-md):not(.pisell-procedure-sidebar--responsive-sm):not(.pisell-procedure-sidebar--responsive-xs) {
233
+ @sidebar-width-dynamic: calc(@sidebar-width-md + (100vw - @breakpoint-md) * (405 - 376) / (1133 - 960));
234
+ width: @sidebar-width-dynamic !important;
235
+ max-width: @sidebar-width-xl !important;
236
+ min-width: @sidebar-width-md !important;
237
+ flex: 0 0 @sidebar-width-dynamic !important;
238
+ }
246
239
  }
247
- }
248
240
 
249
- // viewportWidth < 744px: 隐藏(仅页面模式,弹窗模式有 responsive-xs 类名不会隐藏)
250
- @media (max-width: calc(@breakpoint-sm - 1px)) {
251
- // 如果没有响应式类名,则应用媒体查询样式
252
- &:not(.pisell-procedure-sidebar--responsive-md):not(.pisell-procedure-sidebar--responsive-sm):not(.pisell-procedure-sidebar--responsive-xs) {
253
- display: none !important;
241
+ // 744px < viewportWidth < 960px: 290px ~ 376px 线性插值
242
+ @media (max-width: calc(@breakpoint-md)) and (min-width: @breakpoint-sm) {
243
+ // 如果没有响应式类名,则应用媒体查询样式
244
+ &:not(.pisell-procedure-sidebar--responsive-md):not(.pisell-procedure-sidebar--responsive-sm):not(.pisell-procedure-sidebar--responsive-xs) {
245
+ @sidebar-width-dynamic: calc(@sidebar-width-sm + (100vw - @breakpoint-sm) * (376 - 290) / (960 - 744));
246
+ width: @sidebar-width-dynamic !important;
247
+ max-width: @sidebar-width-md !important;
248
+ min-width: @sidebar-width-sm !important;
249
+ flex: 0 0 @sidebar-width-dynamic !important;
250
+ }
251
+ }
252
+
253
+ // viewportWidth < 744px: 隐藏(仅页面模式)
254
+ @media (max-width: calc(@breakpoint-sm - 1px)) {
255
+ // 如果没有响应式类名,则应用媒体查询样式
256
+ &:not(.pisell-procedure-sidebar--responsive-md):not(.pisell-procedure-sidebar--responsive-sm):not(.pisell-procedure-sidebar--responsive-xs) {
257
+ display: none !important;
258
+ }
254
259
  }
255
260
  }
256
261
 
@@ -278,7 +283,7 @@
278
283
  z-index: 100;
279
284
  overflow: hidden; // 防止内容溢出
280
285
 
281
- // 总结按钮插槽 - 仅移动端显示(< 744px
286
+ // 总结按钮插槽 - 仅移动端显示(< 744px),弹窗模式下不执行媒体查询
282
287
  &__summary {
283
288
  flex-shrink: 0;
284
289
  margin-right: auto;
@@ -286,9 +291,11 @@
286
291
  display: none;
287
292
  cursor: pointer;
288
293
 
289
- // 移动端显示
290
- @media (max-width: calc(@breakpoint-sm - 1px)) {
291
- display: block;
294
+ // 移动端显示(仅页面模式)
295
+ .@{procedure-prefix}:not(.@{procedure-prefix}--modal) & {
296
+ @media (max-width: calc(@breakpoint-sm - 1px)) {
297
+ display: block;
298
+ }
292
299
  }
293
300
  }
294
301
 
@@ -478,74 +485,76 @@
478
485
  }
479
486
  }
480
487
 
481
- // ========== 小屏适配(744px-960px):头部两行显示 ==========
482
- @media (min-width: @breakpoint-sm) and (max-width: calc(@breakpoint-md - 1px)) {
483
- &-header {
484
- flex-wrap: wrap;
485
- min-height: auto;
486
- padding: 12px @padding-default;
487
-
488
- // 第一行:返回按钮
489
- &__left {
490
- order: 1;
491
- flex: 0 0 auto;
492
- }
488
+ // ========== 小屏适配(744px-960px):头部两行显示(仅页面模式) ==========
489
+ &:not(&--modal) {
490
+ @media (min-width: @breakpoint-sm) and (max-width: calc(@breakpoint-md - 1px)) {
491
+ .@{procedure-prefix}-header {
492
+ flex-wrap: wrap;
493
+ min-height: auto;
494
+ padding: 12px @padding-default;
495
+
496
+ // 第一行:返回按钮
497
+ .@{procedure-prefix}-header__left {
498
+ order: 1;
499
+ flex: 0 0 auto;
500
+ }
493
501
 
494
- // 第一行:关闭按钮,推到右边
495
- &__right {
496
- order: 2;
497
- flex: 0 0 auto;
498
- margin-left: auto;
499
- }
502
+ // 第一行:关闭按钮,推到右边
503
+ .@{procedure-prefix}-header__right {
504
+ order: 2;
505
+ flex: 0 0 auto;
506
+ margin-left: auto;
507
+ }
500
508
 
501
- // 第二行:步骤条独占一行
502
- &__center {
503
- order: 3;
504
- width: 100%;
505
- flex: 0 0 100%;
506
- padding: 0;
507
- justify-content: flex-start;
508
- overflow-x: auto;
509
+ // 第二行:步骤条独占一行
510
+ .@{procedure-prefix}-header__center {
511
+ order: 3;
512
+ width: 100%;
513
+ flex: 0 0 100%;
514
+ padding: 0;
515
+ justify-content: flex-start;
516
+ overflow-x: auto;
517
+ }
509
518
  }
510
519
  }
511
- }
512
520
 
513
- // ========== 移动端适配(<744px):头部一行显示 ==========
514
- @media (max-width: calc(@breakpoint-sm - 1px)) {
515
- &-header {
516
- flex-wrap: nowrap;
517
- min-height: auto;
518
- padding: 12px @padding-default;
521
+ // ========== 移动端适配(<744px):头部一行显示 ==========
522
+ @media (max-width: calc(@breakpoint-sm - 1px)) {
523
+ .@{procedure-prefix}-header {
524
+ flex-wrap: nowrap;
525
+ min-height: auto;
526
+ padding: 12px @padding-default;
527
+
528
+ // 左侧:返回按钮
529
+ .@{procedure-prefix}-header__left {
530
+ flex: 0 0 auto;
531
+ }
519
532
 
520
- // 左侧:返回按钮
521
- &__left {
522
- flex: 0 0 auto;
523
- }
533
+ // 中间:步骤条(简化显示当前步骤)
534
+ .@{procedure-prefix}-header__center {
535
+ flex: 1;
536
+ padding: 0 @gap-default;
537
+ overflow: hidden;
538
+ }
524
539
 
525
- // 中间:步骤条(简化显示当前步骤)
526
- &__center {
527
- flex: 1;
528
- padding: 0 @gap-default;
529
- overflow: hidden;
540
+ // 右侧:关闭按钮
541
+ .@{procedure-prefix}-header__right {
542
+ flex: 0 0 auto;
543
+ }
530
544
  }
531
545
 
532
- // 右侧:关闭按钮
533
- &__right {
534
- flex: 0 0 auto;
546
+ // 主体区域移动端
547
+ .@{procedure-prefix}-body {
548
+ > .pisell-lowcode-layout,
549
+ > .ant-layout {
550
+ padding: @gap-default;
551
+ }
535
552
  }
536
- }
537
553
 
538
- // 主体区域移动端
539
- &-body {
540
- > .pisell-lowcode-layout,
541
- > .ant-layout {
542
- padding: @gap-default;
554
+ // 内容区占满
555
+ .@{procedure-prefix}-content {
556
+ width: 100% !important;
543
557
  }
544
558
  }
545
-
546
- // 内容区占满
547
- &-content {
548
- width: 100% !important;
549
- }
550
559
  }
551
560
  }
@@ -94,7 +94,13 @@ var ProcedureSidebar = ({
94
94
  return (containerSize == null ? void 0 : containerSize.width) > 0 && (containerSize == null ? void 0 : containerSize.height) > 0;
95
95
  }
96
96
  return true;
97
- }, [isVertical, containerSelector, containerSize == null ? void 0 : containerSize.width, containerSize == null ? void 0 : containerSize.height, headerSize == null ? void 0 : headerSize.height]);
97
+ }, [
98
+ isVertical,
99
+ containerSelector,
100
+ containerSize == null ? void 0 : containerSize.width,
101
+ containerSize == null ? void 0 : containerSize.height,
102
+ headerSize == null ? void 0 : headerSize.height
103
+ ]);
98
104
  const siderHeight = (0, import_hooks.useSidebarHeight)(isSizeStable, {
99
105
  containerSelector,
100
106
  containerHeight: containerSize == null ? void 0 : containerSize.height,
@@ -120,7 +126,8 @@ var ProcedureSidebar = ({
120
126
  overflow: "hidden",
121
127
  ...siderHeight && siderHeight > 0 ? {
122
128
  height: `${siderHeight}px`
123
- } : {}
129
+ } : {},
130
+ top: mode === "modal" ? 0 : `${(headerSize == null ? void 0 : headerSize.height) + 32}px`
124
131
  }
125
132
  },
126
133
  /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-procedure-sider-content-top" }, children),
@@ -55,8 +55,8 @@ var useElementSize = ({
55
55
  const element = document.querySelector(selector);
56
56
  if (element) {
57
57
  const rect = element.getBoundingClientRect();
58
- const newWidth = rect.width;
59
- const newHeight = rect.height;
58
+ const newWidth = Math.round(rect.width * 100) / 100;
59
+ const newHeight = Math.round(rect.height * 100) / 100;
60
60
  const previousSize = previousSizeRef.current;
61
61
  const widthDiff = Math.abs(newWidth - previousSize.width);
62
62
  const heightDiff = Math.abs(newHeight - previousSize.height);
@@ -50,7 +50,7 @@ var useSidebarHeight = (isSizeStable, sizeValues) => {
50
50
  const headerHeightValue = headerHeight || 0;
51
51
  const calculatedHeight = baseHeight - headerHeightValue - footerHeight - bodyPadding;
52
52
  return calculatedHeight;
53
- }, []);
53
+ }, [sizeValuesRef.current]);
54
54
  (0, import_react.useEffect)(() => {
55
55
  if (typeof window === "undefined" || typeof document === "undefined") {
56
56
  return;
@@ -232,7 +232,11 @@ var PisellTabbar = (props) => {
232
232
  gap: 12
233
233
  },
234
234
  panelStyle: {
235
- height: "100%",
235
+ position: "absolute",
236
+ top: 40,
237
+ right: 0,
238
+ // zIndex: 99,
239
+ height: "calc(100% - 40px)",
236
240
  transition: "0.3s ease-in-out"
237
241
  },
238
242
  startSlot: null,
@@ -4,6 +4,7 @@
4
4
  .pisell-tabbar2 {
5
5
  // height: 100vh;
6
6
  width: 96px;
7
+ height: 100%;
7
8
  // position: fixed;
8
9
  // top: 0;
9
10
  // right: 0;
@@ -293,6 +293,7 @@ var TabbarLevel = (0, import_react.memo)((props) => {
293
293
  import_PisellCards.default.MultilevelCard,
294
294
  {
295
295
  ...itemProps,
296
+ panelWidthMode: "auto",
296
297
  card: (cardProps) => {
297
298
  if (level === "level1") {
298
299
  return renderLevel1NormalCard(cardProps);
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  declare const _default: {
3
2
  price: import("react").FC<import("./Price").PriceProps>;
4
3
  image: (props: import("./Image").ImageProps) => import("react").JSX.Element | null;
@@ -1,3 +1,2 @@
1
- /// <reference types="react" />
2
1
  declare const Calendar: (props: any) => import("react").JSX.Element;
3
2
  export default Calendar;
@@ -1,3 +1,2 @@
1
- /// <reference types="react" />
2
1
  declare const Checkbox: (props: any) => import("react").JSX.Element;
3
2
  export default Checkbox;
@@ -1,3 +1,2 @@
1
- /// <reference types="react" />
2
1
  declare const DataSourceQRCode: (props: any) => import("react").JSX.Element;
3
2
  export default DataSourceQRCode;
@@ -1,6 +1,5 @@
1
- /// <reference types="react" />
2
1
  declare const useDataSourceKey: () => {
3
- dataSourceKey: string | undefined;
4
- dataSourceKeyRef: import("react").MutableRefObject<string | undefined>;
2
+ dataSourceKey: string | import("../../provider/dataSource/DataSourceContext").DataSourceType | undefined;
3
+ dataSourceKeyRef: import("react").MutableRefObject<string | import("../../provider/dataSource/DataSourceContext").DataSourceType | undefined>;
5
4
  };
6
5
  export default useDataSourceKey;
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  declare const useDrawerState: (operationContent?: {
3
2
  [key: string]: import("react").ReactNode;
4
3
  } | undefined) => any;
@@ -19,7 +19,7 @@ interface UseTablePropsProps {
19
19
  */
20
20
  declare const useTableProps: (props: UseTablePropsProps) => {
21
21
  currentComponentId: any;
22
- title: number | boolean | React.JSX.Element | Iterable<React.ReactNode> | (() => React.ReactNode) | null | undefined;
22
+ title: string | number | boolean | Iterable<React.ReactNode> | React.JSX.Element | (() => React.ReactNode) | null | undefined;
23
23
  pagination: {
24
24
  total: number;
25
25
  current: number;
@@ -28,7 +28,7 @@ declare const useTableProps: (props: UseTablePropsProps) => {
28
28
  showSizeChanger: boolean;
29
29
  };
30
30
  columns: import("./useColumns").Column[];
31
- subTitle: number | boolean | React.JSX.Element | Iterable<React.ReactNode> | (() => React.ReactNode) | null | undefined;
31
+ subTitle: string | number | boolean | Iterable<React.ReactNode> | React.JSX.Element | (() => React.ReactNode) | null | undefined;
32
32
  buttons: any[] | null;
33
33
  filter: {
34
34
  dom: any;
@@ -54,7 +54,7 @@ declare const useTableProps: (props: UseTablePropsProps) => {
54
54
  width: number;
55
55
  align: "center" | "left" | "right";
56
56
  fixed: false | "left" | "right";
57
- type: "link" | "button";
57
+ type: "button" | "link";
58
58
  items: OperationItem[];
59
59
  } | undefined;
60
60
  operationContent?: {
@@ -72,7 +72,7 @@ declare const useTableProps: (props: UseTablePropsProps) => {
72
72
  useCustomAction: boolean;
73
73
  actionType: string;
74
74
  openMode: "modal" | "drawer";
75
- openContentSize: "small" | "large" | "middle";
75
+ openContentSize: "small" | "middle" | "large";
76
76
  openTitle: string;
77
77
  key: string;
78
78
  } | undefined;
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import { DataSourceTableProps } from '../type';
3
2
  declare type Params = {
4
3
  pagination?: {
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  declare const formFieldMap: {
3
2
  FormItemCheckbox: import("react").FC<{}> & {
4
3
  Group: import("react").FC<import("./Checkbox/type").CheckboxGroupProps & import("../dataSourceForm/utils").WithModeProps>;
@@ -1,3 +1,2 @@
1
- /// <reference types="react" />
2
1
  declare const DatePicker: (props: any) => import("react").JSX.Element;
3
2
  export default DatePicker;
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  export declare const fieldMaps: {
3
2
  text: {
4
3
  field: {
@@ -1,3 +1,2 @@
1
- /// <reference types="react" />
2
1
  declare const Text: () => import("react").JSX.Element;
3
2
  export default Text;
@@ -1,3 +1,2 @@
1
- /// <reference types="react" />
2
1
  declare const Text: (props: any) => import("react").JSX.Element;
3
2
  export default Text;
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  declare const _default: {
3
2
  field: {
4
3
  field_icon: string;
@@ -1,3 +1,2 @@
1
- /// <reference types="react" />
2
1
  declare const PisellDatePicker: (props: any) => import("react").JSX.Element;
3
2
  export default PisellDatePicker;
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import IpadModal from './IpadModal';
3
2
  import MobileModal from './MobileModal';
4
3
  import PcModal from './PcModal';