@baishuyun/ai-design 2.0.14 → 2.0.15
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +9 -0
- package/dist/ai-design.css +39 -61
- package/dist/ai-design.js +6492 -6464
- package/dist/ai-design.js.map +1 -1
- package/dist/ai-design.umd.cjs +56 -56
- package/dist/ai-design.umd.cjs.map +1 -1
- package/dist/src/components/agent-helper/date-picker/utils.d.ts.map +1 -1
- package/dist/src/components/agent-helper/field-value-input/inputs.d.ts +1 -1
- package/dist/src/components/agent-helper/field-value-input/inputs.d.ts.map +1 -1
- package/dist/src/components/agent-helper/form-select/index.d.ts.map +1 -1
- package/dist/src/components/bs-entry-select/bs-entry-select.d.ts.map +1 -1
- package/dist/src/components/bs-entry-select/scroll-slider.d.ts.map +1 -1
- package/dist/src/components/bs-entry-select/search-input.d.ts.map +1 -1
- package/dist/src/components/office-container.d.ts +2 -0
- package/dist/src/components/office-container.d.ts.map +1 -1
- package/dist/src/hooks/use-resizable-width.d.ts +3 -1
- package/dist/src/hooks/use-resizable-width.d.ts.map +1 -1
- package/dist/src/hooks/use-select-popover-position.d.ts +16 -0
- package/dist/src/hooks/use-select-popover-position.d.ts.map +1 -0
- package/package.json +4 -4
- package/src/components/office-container.tsx +21 -1
- package/style.css +46 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../src/components/agent-helper/date-picker/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAEvC,eAAO,MAAM,QAAQ,OAAO,CAAC;AAC7B,eAAO,MAAM,QAAQ,OAAO,CAAC;AAE7B,eAAO,MAAM,WAAW,
|
|
1
|
+
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../src/components/agent-helper/date-picker/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAEvC,eAAO,MAAM,QAAQ,OAAO,CAAC;AAC7B,eAAO,MAAM,QAAQ,OAAO,CAAC;AAE7B,eAAO,MAAM,WAAW,UAavB,CAAC;AAEF,eAAO,MAAM,UAAU,UAAsC,CAAC;AAE9D,wBAAgB,qBAAqB,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,CAKvE;AAED,wBAAgB,cAAc,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAElE;AAED,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,EAAE,OAAO,GAAG,OAAO,CAKzF;AAED,wBAAgB,iBAAiB,CAC/B,CAAC,EAAE,IAAI,EACP,OAAO,EAAE,IAAI,EACb,OAAO,EAAE,IAAI,EACb,IAAI,EAAE,MAAM,EAAE,EACd,IAAI,GAAE,KAAK,GAAG,OAAO,GAAG,MAAc,GACrC,OAAO,CAyBT;AAED,wBAAgB,aAAa,CAAC,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,GAAG,IAAI,CAOtE;AAED,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAS/F;AAED,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAS9F;AAED,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM,CAgBrE"}
|
|
@@ -5,6 +5,6 @@ export declare function TextareaInput({ field, value, onChange, disabled, showLa
|
|
|
5
5
|
export declare function PasswordInput({ field, value, onChange, disabled, showLabel, showDescription }: FieldValueInputProps): import("react").JSX.Element;
|
|
6
6
|
export declare function DateTimeInput({ field, value, onChange, disabled, showLabel, showDescription }: FieldValueInputProps): import("react").JSX.Element;
|
|
7
7
|
export declare function RangeNumberInput({ value, onChange, disabled }: FieldValueInputProps): import("react").JSX.Element;
|
|
8
|
-
export declare function RangeDateTimeInput({ value, onChange, disabled }: FieldValueInputProps): import("react").JSX.Element;
|
|
8
|
+
export declare function RangeDateTimeInput({ value, onChange, disabled, field }: FieldValueInputProps): import("react").JSX.Element;
|
|
9
9
|
export declare function UploadInput({ field, value, onChange, disabled, service, showLabel, showDescription }: FieldValueInputProps): import("react").JSX.Element;
|
|
10
10
|
//# sourceMappingURL=inputs.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"inputs.d.ts","sourceRoot":"","sources":["../../../../../src/components/agent-helper/field-value-input/inputs.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"inputs.d.ts","sourceRoot":"","sources":["../../../../../src/components/agent-helper/field-value-input/inputs.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAcpD,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,eAAe,EAAE,EAAE,oBAAoB,+BAa/G;AAID,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,eAAe,EAAE,EAAE,oBAAoB,+BAgBjH;AAID,wBAAgB,aAAa,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,eAAe,EAAE,EAAE,oBAAoB,+BAanH;AAID,wBAAgB,aAAa,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,eAAe,EAAE,EAAE,oBAAoB,+BAuBnH;AAID,wBAAgB,aAAa,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,eAAe,EAAE,EAAE,oBAAoB,+BAcnH;AAID,wBAAgB,gBAAgB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,oBAAoB,+BAgCnF;AAID,wBAAgB,kBAAkB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,oBAAoB,+BA+B5F;AAID,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE,eAAe,EAAE,EAAE,oBAAoB,+BA6D1H"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/agent-helper/form-select/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/agent-helper/form-select/index.tsx"],"names":[],"mappings":"AAuBA,MAAM,WAAW,cAAc;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CAC7B;AAED,MAAM,WAAW,sBAAsB;IACrC,IAAI,EAAE,cAAc,CAAC;CACtB;AAED,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,sBAAsB,KAAK,IAAI,CAAC;IACpD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA+QD,eAAO,MAAM,UAAU,4GA2PtB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"bs-entry-select.d.ts","sourceRoot":"","sources":["../../../../src/components/bs-entry-select/bs-entry-select.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,kBAAkB,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"bs-entry-select.d.ts","sourceRoot":"","sources":["../../../../src/components/bs-entry-select/bs-entry-select.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,kBAAkB,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAC;AAI7E,YAAY,EAAE,kBAAkB,EAAE,yBAAyB,EAAE,CAAC;AAE9D,eAAO,MAAM,aAAa,+GA6PzB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"scroll-slider.d.ts","sourceRoot":"","sources":["../../../../src/components/bs-entry-select/scroll-slider.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,KAAK,EAEV,yBAAyB,EACzB,0BAA0B,EAC3B,MAAM,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"scroll-slider.d.ts","sourceRoot":"","sources":["../../../../src/components/bs-entry-select/scroll-slider.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,KAAK,EAEV,yBAAyB,EACzB,0BAA0B,EAC3B,MAAM,SAAS,CAAC;AAcjB,wBAAgB,YAAY,CAAC,EAC3B,UAAU,EACV,YAAY,EACZ,eAAe,EACf,QAAQ,EACR,gBAAgB,EAChB,yBAAiC,EACjC,OAAmB,GACpB,EAAE;IACD,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;IACvC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,EAAE,CAAC,MAAM,EAAE,yBAAyB,KAAK,IAAI,CAAC;IACtD,gBAAgB,CAAC,EAAE,CAAC,WAAW,EAAE,OAAO,KAAK,IAAI,CAAC;IAClD,yBAAyB,CAAC,EAAE,OAAO,CAAC;IACpC,OAAO,CAAC,EAAE,0BAA0B,CAAC;CACtC,sCA6bA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"search-input.d.ts","sourceRoot":"","sources":["../../../../src/components/bs-entry-select/search-input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA6B,KAAK,gBAAgB,EAAC,MAAM,8BAA8B,CAAC;AAE/F,YAAY,EAAE,gBAAgB,EAAE,CAAC;AAEjC,eAAO,MAAM,WAAW,GAAI,OAAO,gBAAgB,
|
|
1
|
+
{"version":3,"file":"search-input.d.ts","sourceRoot":"","sources":["../../../../src/components/bs-entry-select/search-input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA6B,KAAK,gBAAgB,EAAC,MAAM,8BAA8B,CAAC;AAE/F,YAAY,EAAE,gBAAgB,EAAE,CAAC;AAEjC,eAAO,MAAM,WAAW,GAAI,OAAO,gBAAgB,gCAAkD,CAAC"}
|
|
@@ -14,6 +14,8 @@ export interface IOfficeContainerProps {
|
|
|
14
14
|
fullscreenPart?: FullScreenPart;
|
|
15
15
|
children?: React.ReactNode;
|
|
16
16
|
onResize?: (leftColWid: number, rightColWid: number) => void;
|
|
17
|
+
/** localStorage 键名,用于持久化用户拖拽的列宽偏好 */
|
|
18
|
+
storageKey?: string;
|
|
17
19
|
className?: string;
|
|
18
20
|
}
|
|
19
21
|
export declare const OfficeContainer: FC<IOfficeContainerProps>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"office-container.d.ts","sourceRoot":"","sources":["../../../src/components/office-container.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAkC,MAAM,OAAO,CAAC;AAK3D,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,UAAU,GAAG,MAAM,CAAC;AAE7D,MAAM,WAAW,qBAAqB;IAClC,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB,iBAAiB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACrC,kBAAkB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAEtC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,oBAAoB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvC,qBAAqB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxC,qBAAqB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxC,sBAAsB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEzC,cAAc,CAAC,EAAE,cAAc,CAAC;IAEhC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B,QAAQ,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IAE7D,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAGD,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,qBAAqB,
|
|
1
|
+
{"version":3,"file":"office-container.d.ts","sourceRoot":"","sources":["../../../src/components/office-container.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAkC,MAAM,OAAO,CAAC;AAK3D,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,UAAU,GAAG,MAAM,CAAC;AAE7D,MAAM,WAAW,qBAAqB;IAClC,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB,iBAAiB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACrC,kBAAkB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAEtC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,oBAAoB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvC,qBAAqB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxC,qBAAqB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxC,sBAAsB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEzC,cAAc,CAAC,EAAE,cAAc,CAAC;IAEhC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B,QAAQ,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IAE7D,qCAAqC;IACrC,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAGD,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,qBAAqB,CAoOrD,CAAC"}
|
|
@@ -5,6 +5,8 @@ interface UseResizableWidthOptions {
|
|
|
5
5
|
initialWidth?: number;
|
|
6
6
|
/** 反转拖拽方向:拖拽鼠标向右时宽度减小而非增大 */
|
|
7
7
|
invertDrag?: boolean;
|
|
8
|
+
/** localStorage 键名,用于持久化用户拖拽偏好。提供后会在 mount 时读取、drag end 时保存 */
|
|
9
|
+
storageKey?: string;
|
|
8
10
|
}
|
|
9
11
|
interface UseResizableWidthResult {
|
|
10
12
|
/** 当前宽度 */
|
|
@@ -21,6 +23,6 @@ interface UseResizableWidthResult {
|
|
|
21
23
|
* @param options 配置项:宽度范围、初始宽度
|
|
22
24
|
* @returns 当前宽度、拖拽处理器、拖拽状态
|
|
23
25
|
*/
|
|
24
|
-
export declare const useResizableWidth: ({ range, initialWidth, invertDrag, }: UseResizableWidthOptions) => UseResizableWidthResult;
|
|
26
|
+
export declare const useResizableWidth: ({ range, initialWidth, invertDrag, storageKey, }: UseResizableWidthOptions) => UseResizableWidthResult;
|
|
25
27
|
export {};
|
|
26
28
|
//# sourceMappingURL=use-resizable-width.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-resizable-width.d.ts","sourceRoot":"","sources":["../../../src/hooks/use-resizable-width.ts"],"names":[],"mappings":"AAEA,UAAU,wBAAwB;IAChC,4BAA4B;IAC5B,KAAK,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACxB,0BAA0B;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,6BAA6B;IAC7B,UAAU,CAAC,EAAE,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"use-resizable-width.d.ts","sourceRoot":"","sources":["../../../src/hooks/use-resizable-width.ts"],"names":[],"mappings":"AAEA,UAAU,wBAAwB;IAChC,4BAA4B;IAC5B,KAAK,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACxB,0BAA0B;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,6BAA6B;IAC7B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,+DAA+D;IAC/D,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,UAAU,uBAAuB;IAC/B,WAAW;IACX,KAAK,EAAE,MAAM,CAAC;IACd,4BAA4B;IAC5B,eAAe,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAC/C,aAAa;IACb,UAAU,EAAE,OAAO,CAAC;IACpB,qBAAqB;IACrB,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,GAAI,kDAK/B,wBAAwB,KAAG,uBA8F7B,CAAC"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
interface UseSelectPopoverPositionOptions {
|
|
2
|
+
estimatedHeight?: number;
|
|
3
|
+
gap?: number;
|
|
4
|
+
minWidth?: number;
|
|
5
|
+
zIndex?: number;
|
|
6
|
+
}
|
|
7
|
+
export declare function useSelectPopoverPosition(triggerRef: React.RefObject<HTMLElement | null>, options?: UseSelectPopoverPositionOptions): {
|
|
8
|
+
popoverStyle: React.CSSProperties;
|
|
9
|
+
updatePopoverPosition: () => void;
|
|
10
|
+
};
|
|
11
|
+
export declare function useSelectPopoverPosition(getTrigger: () => HTMLElement | null, options?: UseSelectPopoverPositionOptions): {
|
|
12
|
+
popoverStyle: React.CSSProperties;
|
|
13
|
+
updatePopoverPosition: () => void;
|
|
14
|
+
};
|
|
15
|
+
export {};
|
|
16
|
+
//# sourceMappingURL=use-select-popover-position.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-select-popover-position.d.ts","sourceRoot":"","sources":["../../../src/hooks/use-select-popover-position.ts"],"names":[],"mappings":"AAEA,UAAU,+BAA+B;IACvC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,wBAAgB,wBAAwB,CACtC,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,EAC/C,OAAO,CAAC,EAAE,+BAA+B,GACxC;IACD,YAAY,EAAE,KAAK,CAAC,aAAa,CAAC;IAClC,qBAAqB,EAAE,MAAM,IAAI,CAAC;CACnC,CAAC;AAEF,wBAAgB,wBAAwB,CACtC,UAAU,EAAE,MAAM,WAAW,GAAG,IAAI,EACpC,OAAO,CAAC,EAAE,+BAA+B,GACxC;IACD,YAAY,EAAE,KAAK,CAAC,aAAa,CAAC;IAClC,qBAAqB,EAAE,MAAM,IAAI,CAAC;CACnC,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@baishuyun/ai-design",
|
|
3
|
-
"version": "2.0.
|
|
3
|
+
"version": "2.0.15",
|
|
4
4
|
"description": "AI 功能 UI 组件库 - 所有 AI 功能的 UI 表现唯一真相来源",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "src/index.ts",
|
|
@@ -60,8 +60,8 @@
|
|
|
60
60
|
"tw-animate-css": "^1.4.0",
|
|
61
61
|
"vaul": "^1.1.2",
|
|
62
62
|
"zod": "^4.1.13",
|
|
63
|
-
"@baishuyun/ai-feat-utils": "2.0.
|
|
64
|
-
"@baishuyun/types": "3.0.
|
|
63
|
+
"@baishuyun/ai-feat-utils": "2.0.15",
|
|
64
|
+
"@baishuyun/types": "3.0.15"
|
|
65
65
|
},
|
|
66
66
|
"peerDependencies": {
|
|
67
67
|
"react": "^19.0.0",
|
|
@@ -84,7 +84,7 @@
|
|
|
84
84
|
"vite": "^5.1.4",
|
|
85
85
|
"vite-plugin-dts": "^4.5.4",
|
|
86
86
|
"@baishuyun/tailwind-config": "3.0.9",
|
|
87
|
-
"@baishuyun/types": "3.0.
|
|
87
|
+
"@baishuyun/types": "3.0.15",
|
|
88
88
|
"@baishuyun/typescript-config": "2.0.9"
|
|
89
89
|
},
|
|
90
90
|
"keywords": [],
|
|
@@ -56,6 +56,7 @@ export const OfficeContainer: FC<IOfficeContainerProps> = ({
|
|
|
56
56
|
|
|
57
57
|
const transitioningRef = useRef(false);
|
|
58
58
|
const mountRef = useRef(true);
|
|
59
|
+
const containerRef = useRef<HTMLDivElement>(null);
|
|
59
60
|
|
|
60
61
|
const { width, handleMouseDown, isDragging } = useResizableWidth({
|
|
61
62
|
range: activeRange,
|
|
@@ -161,6 +162,25 @@ export const OfficeContainer: FC<IOfficeContainerProps> = ({
|
|
|
161
162
|
};
|
|
162
163
|
}, [fullscreenPart, hideLeftCol, onResize]);
|
|
163
164
|
|
|
165
|
+
// Fire onResize on browser zoom / window resize
|
|
166
|
+
useEffect(() => {
|
|
167
|
+
if (!onResize) return;
|
|
168
|
+
const el = containerRef.current;
|
|
169
|
+
if (!el) return;
|
|
170
|
+
|
|
171
|
+
const observer = new ResizeObserver(() => {
|
|
172
|
+
if (transitioningRef.current) return;
|
|
173
|
+
requestAnimationFrame(() => {
|
|
174
|
+
const leftW = leftColRef.current?.offsetWidth ?? 0;
|
|
175
|
+
const rightW = rightColRef.current?.offsetWidth ?? 0;
|
|
176
|
+
onResize(leftW, rightW);
|
|
177
|
+
});
|
|
178
|
+
});
|
|
179
|
+
|
|
180
|
+
observer.observe(el);
|
|
181
|
+
return () => observer.disconnect();
|
|
182
|
+
}, [onResize]);
|
|
183
|
+
|
|
164
184
|
const borderColorCls = 'border-[#0265fc]';
|
|
165
185
|
|
|
166
186
|
// 全屏时补全 shrink-0,确保 width: 100% 或 width: 0 不会被 flex 容器挤压
|
|
@@ -180,7 +200,7 @@ export const OfficeContainer: FC<IOfficeContainerProps> = ({
|
|
|
180
200
|
const contentStyle: React.CSSProperties = { /*scrollbarGutter: 'stable' */};
|
|
181
201
|
|
|
182
202
|
return (
|
|
183
|
-
<div className={classNames("relative h-full w-full flex overflow-hidden", className)}>
|
|
203
|
+
<div ref={containerRef} className={classNames("relative h-full w-full flex overflow-hidden", className)}>
|
|
184
204
|
{/* fullscreen overlay */}
|
|
185
205
|
{children && (
|
|
186
206
|
<div>
|
package/style.css
CHANGED
|
@@ -1148,6 +1148,9 @@
|
|
|
1148
1148
|
.items-center {
|
|
1149
1149
|
align-items: center;
|
|
1150
1150
|
}
|
|
1151
|
+
.items-end {
|
|
1152
|
+
align-items: flex-end;
|
|
1153
|
+
}
|
|
1151
1154
|
.items-start {
|
|
1152
1155
|
align-items: flex-start;
|
|
1153
1156
|
}
|
|
@@ -1260,6 +1263,9 @@
|
|
|
1260
1263
|
.overflow-y-auto {
|
|
1261
1264
|
overflow-y: auto;
|
|
1262
1265
|
}
|
|
1266
|
+
.overflow-y-hidden {
|
|
1267
|
+
overflow-y: hidden;
|
|
1268
|
+
}
|
|
1263
1269
|
.rounded {
|
|
1264
1270
|
border-radius: 0.625rem;
|
|
1265
1271
|
}
|
|
@@ -1314,6 +1320,10 @@
|
|
|
1314
1320
|
.rounded-sm {
|
|
1315
1321
|
border-radius: calc(var(--radius) - 4px);
|
|
1316
1322
|
}
|
|
1323
|
+
.rounded-t-\[8px\] {
|
|
1324
|
+
border-top-left-radius: 8px;
|
|
1325
|
+
border-top-right-radius: 8px;
|
|
1326
|
+
}
|
|
1317
1327
|
.rounded-t-\[10px\] {
|
|
1318
1328
|
border-top-left-radius: 10px;
|
|
1319
1329
|
border-top-right-radius: 10px;
|
|
@@ -1419,6 +1429,9 @@
|
|
|
1419
1429
|
.border-transparent {
|
|
1420
1430
|
border-color: transparent;
|
|
1421
1431
|
}
|
|
1432
|
+
.border-b-\[\#e0e0e0\] {
|
|
1433
|
+
border-bottom-color: #e0e0e0;
|
|
1434
|
+
}
|
|
1422
1435
|
.\!bg-\[\#E5E6EB\] {
|
|
1423
1436
|
background-color: #E5E6EB !important;
|
|
1424
1437
|
}
|
|
@@ -1488,6 +1501,9 @@
|
|
|
1488
1501
|
.bg-\[\#f5f7fa\] {
|
|
1489
1502
|
background-color: #f5f7fa;
|
|
1490
1503
|
}
|
|
1504
|
+
.bg-\[\#f6f7fa\] {
|
|
1505
|
+
background-color: #f6f7fa;
|
|
1506
|
+
}
|
|
1491
1507
|
.bg-\[\#fafafa\] {
|
|
1492
1508
|
background-color: #fafafa;
|
|
1493
1509
|
}
|
|
@@ -2437,24 +2453,54 @@
|
|
|
2437
2453
|
right: calc(var(--spacing) * 0);
|
|
2438
2454
|
}
|
|
2439
2455
|
}
|
|
2456
|
+
.before\:bottom-\[0px\] {
|
|
2457
|
+
&::before {
|
|
2458
|
+
content: var(--tw-content);
|
|
2459
|
+
bottom: 0px;
|
|
2460
|
+
}
|
|
2461
|
+
}
|
|
2440
2462
|
.before\:left-0 {
|
|
2441
2463
|
&::before {
|
|
2442
2464
|
content: var(--tw-content);
|
|
2443
2465
|
left: calc(var(--spacing) * 0);
|
|
2444
2466
|
}
|
|
2445
2467
|
}
|
|
2468
|
+
.before\:left-\[-200px\] {
|
|
2469
|
+
&::before {
|
|
2470
|
+
content: var(--tw-content);
|
|
2471
|
+
left: -200px;
|
|
2472
|
+
}
|
|
2473
|
+
}
|
|
2446
2474
|
.before\:z-0 {
|
|
2447
2475
|
&::before {
|
|
2448
2476
|
content: var(--tw-content);
|
|
2449
2477
|
z-index: 0;
|
|
2450
2478
|
}
|
|
2451
2479
|
}
|
|
2480
|
+
.before\:h-\[1px\] {
|
|
2481
|
+
&::before {
|
|
2482
|
+
content: var(--tw-content);
|
|
2483
|
+
height: 1px;
|
|
2484
|
+
}
|
|
2485
|
+
}
|
|
2452
2486
|
.before\:h-\[28px\] {
|
|
2453
2487
|
&::before {
|
|
2454
2488
|
content: var(--tw-content);
|
|
2455
2489
|
height: 28px;
|
|
2456
2490
|
}
|
|
2457
2491
|
}
|
|
2492
|
+
.before\:w-\[100vw\] {
|
|
2493
|
+
&::before {
|
|
2494
|
+
content: var(--tw-content);
|
|
2495
|
+
width: 100vw;
|
|
2496
|
+
}
|
|
2497
|
+
}
|
|
2498
|
+
.before\:bg-\[\#e0e0e0\] {
|
|
2499
|
+
&::before {
|
|
2500
|
+
content: var(--tw-content);
|
|
2501
|
+
background-color: #e0e0e0;
|
|
2502
|
+
}
|
|
2503
|
+
}
|
|
2458
2504
|
.before\:bg-\[\#f3f3f3\] {
|
|
2459
2505
|
&::before {
|
|
2460
2506
|
content: var(--tw-content);
|