@croquiscom/pds 6.4.4 → 6.5.0

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @croquiscom/pds
 
+## 6.5.0
+
+### Minor Changes
+
+- 000ff1b: Table table-layout 속성 fixed 고정되던 이슈 수정, minWidth 속성 추가, input text-fill-color 추가
+
 ## 6.4.4
 
 ### Patch Changes

package/dist/components/input/styles.d.ts

@@ -25,7 +25,6 @@ export declare const input_disabled_style: {
     backgroundColor: string;
     border: string;
     color: string;
-    '-webkit-text-fill-color': string;
     opacity: number;
     '&:focus, &:hover, &:focus-within': {
         border: string;

package/dist/components/table/Table.d.ts

@@ -17,6 +17,7 @@ export interface TableProps<DataType> {
      *  - { x: number | string, y: number | string }
      *  - x: 가로 스크롤을 설정하고 스크롤 영역의 너비를 지정합니다.
      *  - y: 세로 스크롤을 설정하고 스크롤 영역의 높이를 지정합니다.
+     *  - x 사용시 table-layout이 fixed 처리됩니다.(기본 auto)
      */
     scroll?: Scroll;
     /**
@@ -74,6 +75,7 @@ export interface TableProps<DataType> {
     /**
      * 테이블의 컬럼 리사이즈 활성화 여부
      *   - width값 지정된 컬럼은 resize가 불가합니다.
+     *   - table-layout이 fixed 처리됩니다.(기본 auto)
      * @default false
      */
     resize?: boolean;

package/dist/components/table/Table.stories.d.ts

@@ -7,7 +7,8 @@ declare const _default: ComponentMeta<(<DataType_1 extends object = any>(props:
 }) => React.ReactElement<any, string | React.JSXElementConstructor<any>>)>;
 export default _default;
 export declare const Base: any;
-export declare const ColumnAlignAndWidth: any;
+export declare const ColumnAlign: any;
+export declare const ColumnWidthMinWidth: any;
 export declare const CustomColumnCell: any;
 export declare const CustomRowCell: any;
 export declare const CustomRowCellStyle: any;

package/dist/components/table/storybook-helper/sampleData.d.ts

@@ -15,6 +15,7 @@ export interface DataType {
 export declare const columns: TableColumnsType<DataType>;
 export declare const rows: TableRowsType<DataType>;
 export declare const customColumns: TableColumnsType<DataType>;
+export declare const customWidthColumns: TableColumnsType<DataType>;
 export declare const customColumnCell: TableColumnsType<DataType>;
 export declare const customRowCellColumns: TableColumnsType<DataType>;
 export declare const groupColumns: TableColumnsType<DataType>;

package/dist/components/table/types.d.ts

@@ -30,8 +30,18 @@ export type TableColumnBase = {
     sortable?: boolean;
     /**
      * Column 너비를 지정할 수 있습니다.
+     *  - minWidth 속성없이 사용된다면 자동으로 해당 width값으로 minWidth 처리됩니다.
+     *  - table-layout 'auto'일 경우
+     *    - 모든 셀의 너비가 고정된다면 모든 셀의 너비를 더한 값보다 브라우저 크기가 커질때 동적으로 변할 수 있습니다.
+     *    - 특정 셀의 너비를 필수로 고정해야한다면 모든 셀의 너비를 지정하지 않고 고정할 셀만 너비를 지정하세요. 너비를 지정하지 않은 셀들은 가변으로, 지정된 셀은 너비를 보장할 수 있습니다.
      */
     width?: number;
+    /**
+     * Column 최소 너비를 지정할 수 있습니다.
+     *  - width 속성없이 minWidth만 사용된다면 가변 너비를 가지되 최소 너비를 보장합니다.
+     *  - width 속성과 함께 사용된다면 해당 width값으로 너비를 기본을 가지되 작아질 경우 minWidth 최소 너비를 보장합니다.
+     */
+    minWidth?: number;
     /**
      * 가로 스크롤 발생시 Column 고정 여부
      *  - true일 경우 width값 지정이 필수 입니다.