@yelingfeng/pandora2 0.1.3

package/dist/packages/components/PdTable/src/types/element-type.d.ts

@@ -0,0 +1,226 @@
+import type { CSSProperties, ComponentInternalInstance, Ref, VNode } from 'vue';
+type CI<T> = {
+    column: TableColumnCtx<T>;
+    $index: number;
+};
+type Filters = {
+    text: string;
+    value: string;
+}[];
+type FilterMethods<T> = (value: any, row: T, column: TableColumnCtx<T>) => void;
+type ValueOf<T> = T[keyof T];
+interface TableColumnCtx<T> {
+    id: string;
+    realWidth: number;
+    type: string;
+    label: string;
+    className: string;
+    labelClassName: string;
+    property: string;
+    prop: string;
+    width: string | number;
+    minWidth: string | number;
+    renderHeader: (data: CI<T>) => VNode;
+    sortable: boolean | string;
+    sortMethod: (a: T, b: T) => number;
+    sortBy: string | ((row: T, index: number) => string) | string[];
+    resizable: boolean;
+    columnKey: string;
+    rawColumnKey: string;
+    align: string;
+    headerAlign: string;
+    showTooltipWhenOverflow: boolean;
+    showOverflowTooltip: boolean;
+    fixed: boolean | string;
+    formatter: (row: T, column: TableColumnCtx<T>, cellValue: any, index: number) => VNode | string;
+    selectable: (row: T, index: number) => boolean;
+    reserveSelection: boolean;
+    filterMethod: FilterMethods<T>;
+    filteredValue: string[];
+    filters: Filters;
+    filterPlacement: string;
+    filterMultiple: boolean;
+    index: number | ((index: number) => number);
+    sortOrders: ('ascending' | 'descending' | null)[];
+    renderCell: (data: any) => void;
+    colSpan: number;
+    rowSpan: number;
+    children: TableColumnCtx<T>[];
+    level: number;
+    filterable: boolean | FilterMethods<T> | Filters;
+    order: string;
+    isColumnGroup: boolean;
+    isSubColumn: boolean;
+    columns: TableColumnCtx<T>[];
+    getColumnIndex: () => number;
+    no: number;
+    filterOpened?: boolean;
+}
+interface TableColumn<T> extends ComponentInternalInstance {
+    vnode: {
+        vParent: TableColumn<T> | Table<T>;
+    } & VNode;
+    vParent: TableColumn<T> | Table<T>;
+    columnId: string;
+    columnConfig: Ref<Partial<TableColumnCtx<T>>>;
+}
+type Nullable<T> = T | null;
+export type DefaultRow = any;
+interface TableRefs {
+    tableWrapper: HTMLElement;
+    headerWrapper: HTMLElement;
+    footerWrapper: HTMLElement;
+    fixedBodyWrapper: HTMLElement;
+    rightFixedBodyWrapper: HTMLElement;
+    bodyWrapper: HTMLElement;
+    [key: string]: any;
+}
+interface TableState {
+    isGroup: Ref<boolean>;
+    resizeState: Ref<{
+        width: any;
+        height: any;
+    }>;
+    doLayout: () => void;
+    debouncedUpdateLayout: () => void;
+}
+type HoverState<T> = Nullable<{
+    cell: HTMLElement;
+    column: TableColumnCtx<T>;
+    row: T;
+}>;
+type RIS<T> = {
+    row: T;
+    $index: number;
+    store: any;
+    expanded: boolean;
+};
+type RenderExpanded<T> = ({ row, $index, store, expanded }: RIS<T>) => VNode;
+type SummaryMethod<T> = (data: {
+    columns: TableColumnCtx<T>[];
+    data: T[];
+}) => string[];
+interface Table<T> extends ComponentInternalInstance {
+    $ready: boolean;
+    hoverState?: HoverState<T>;
+    renderExpanded: RenderExpanded<T>;
+    store: any;
+    layout: any;
+    refs: TableRefs;
+    tableId: string;
+    state: TableState;
+    clearSelection: () => void;
+    getSelectionRows: () => T[];
+    toggleRowSelection: (row: T, selected?: boolean) => void;
+    toggleAllSelection: () => void;
+    toggleRowExpansion: (row: T, expanded?: boolean) => void;
+    setCurrentRow: (row?: T) => void;
+    clearSort: () => void;
+    clearFilter: (columnKeys?: string[]) => void;
+    doLayout: () => void;
+    sort: (prop: string, order: string) => void;
+    scrollTo: (options: number | ScrollToOptions, yCoord?: number) => void;
+}
+type ColumnCls<T> = string | ((data: {
+    row: T;
+    rowIndex: number;
+}) => string);
+type ColumnStyle<T> = CSSProperties | ((data: {
+    row: T;
+    rowIndex: number;
+}) => CSSProperties);
+type CellCls<T> = string | ((data: {
+    row: T;
+    rowIndex: number;
+    column: TableColumnCtx<T>;
+    columnIndex: number;
+}) => string);
+type CellStyle<T> = CSSProperties | ((data: {
+    row: T;
+    rowIndex: number;
+    column: TableColumnCtx<T>;
+    columnIndex: number;
+}) => CSSProperties);
+type Layout = 'fixed' | 'auto';
+interface TableProps<T> {
+    data: T[];
+    size?: string;
+    width?: string | number;
+    height?: string | number;
+    maxHeight?: string | number;
+    fit?: boolean;
+    stripe?: boolean;
+    border?: boolean;
+    rowKey?: string | ((row: T) => string);
+    context?: Table<T>;
+    showHeader?: boolean;
+    showSummary?: boolean;
+    sumText?: string;
+    summaryMethod?: SummaryMethod<T>;
+    rowClassName?: ColumnCls<T>;
+    rowStyle?: ColumnStyle<T>;
+    cellClassName?: CellCls<T>;
+    cellStyle?: CellStyle<T>;
+    headerRowClassName?: ColumnCls<T>;
+    headerRowStyle?: ColumnStyle<T>;
+    headerCellClassName?: CellCls<T>;
+    headerCellStyle?: CellStyle<T>;
+    highlightCurrentRow?: boolean;
+    currentRowKey?: string | number;
+    emptyText?: string;
+    expandRowKeys?: any[];
+    defaultExpandAll?: boolean;
+    defaultSort?: Sort;
+    tooltipEffect?: string;
+    spanMethod?: (data: {
+        row: T;
+        rowIndex: number;
+        column: TableColumnCtx<T>;
+        columnIndex: number;
+    }) => number[] | {
+        rowspan: number;
+        colspan: number;
+    };
+    selectOnIndeterminate?: boolean;
+    indent?: number;
+    treeProps?: {
+        hasChildren?: string;
+        children?: string;
+    };
+    lazy?: boolean;
+    load?: (row: T, treeNode: TreeNode, resolve: (data: T[]) => void) => void;
+    className?: string;
+    style?: CSSProperties;
+    tableLayout: Layout;
+    flexible: boolean;
+}
+interface Sort {
+    prop: string;
+    order: 'ascending' | 'descending';
+    init?: any;
+    silent?: any;
+}
+interface Filter<T> {
+    column: TableColumnCtx<T>;
+    values: string[];
+    silent: any;
+}
+interface TreeNode {
+    expanded?: boolean;
+    loading?: boolean;
+    noLazyChildren?: boolean;
+    indent?: number;
+    level?: number;
+    display?: boolean;
+}
+interface RenderRowData<T> {
+    store: any;
+    _self: Table<T>;
+    column: TableColumnCtx<T>;
+    row: T;
+    $index: number;
+    treeNode?: TreeNode;
+    expanded: boolean;
+}
+export type { SummaryMethod, Table, TableProps, TableRefs, ColumnCls, ColumnStyle, TreeNode, RenderRowData, Sort, Filter };
+export type { Filters, FilterMethods, TableColumnCtx, TableColumn, ValueOf };

package/dist/packages/components/PdTable/src/types/index.d.ts

@@ -0,0 +1,90 @@
+import type { Ref, VNode } from 'vue';
+import { Table, TableColumnCtx, TableProps } from './element-type';
+export type Dictionary<T> = Record<string, T>;
+export interface AnyObject {
+    [key: string]: any;
+}
+export interface IPageConfig {
+    height?: number;
+    currentPage?: number;
+    total?: number;
+    pageSizes?: number[];
+    pageCount?: number;
+    pageSize?: number;
+    layout?: string;
+}
+/**
+ * 选择列 类型 单选多选
+ */
+export interface ISelectionMode<T> {
+    selectionMode?: string;
+    selectionPos?: string;
+    selectable?: (row: T, $index: number) => void;
+}
+/**
+ * 自定义table类型
+ */
+export interface IPandoraTable<T> extends IPandoraTableOption<T> {
+    rowClick?: (row: T, column: object, event: any) => void;
+    rowChange?: (row: T, index: number) => void;
+    selection?: ISelectionMode<T>;
+    pagination?: IPageConfig | boolean;
+    pageOpt?: IPageConfig;
+}
+/**
+ *
+ * table 构建属性接口
+ */
+export interface IPandoraTableProps<T> {
+    data: T[];
+    columns: IPandoraTableColumn<T>[];
+    sortConfig?: IPandoraTableSort<T>;
+    tableConfig?: IPandoraTable<T>;
+}
+/**
+ *
+ */
+export type IPandoraTableOption<T> = Partial<Omit<TableProps<T>, 'data' | 'column'>>;
+export interface IPandoraTableColumn<T> extends Partial<TableColumnCtx<T>> {
+    name?: string;
+    value?: string;
+    render?: (row: any, column: any, index: number) => VNode;
+}
+export interface ISortType {
+    prop: string;
+    order: 'ascending' | 'descending';
+}
+export interface ISortChangeCb {
+    column: object;
+    prop: string;
+    order: string | null;
+}
+/**
+ * 定义table Sort配置接口
+ */
+export interface IPandoraTableSort<T = any> {
+    sortMode: 'single' | 'multi';
+    sortChange?: (row: T) => void;
+    defaultSorts?: ISortType[];
+    defaultOrder?: 'ascending' | 'descending';
+}
+/**
+ * 排序服务类内部接口
+ */
+export interface ISortService<T> extends IPandoraTableSort<T> {
+    userColumnOrder?: Dictionary<String>;
+    tableInstance?: Ref<Table<any>>;
+}
+export type IPandoraTableKeys = keyof IPandoraTable<any>;
+export interface ITableActionType {
+    setProps: (props: Partial<IPandoraTableProps<any>>) => Promise<void>;
+    setColumns: (columns: IPandoraTableColumn<any>[]) => Promise<void>;
+    setData: (data: any[]) => Promise<void>;
+    reload: (opt?: any) => Promise<void>;
+    getSelectRows: <T = any>() => T[];
+    clearSelection: () => void;
+}
+export type UseTableReturnType = [
+    (instance: ITableActionType) => void,
+    ITableActionType
+];

package/dist/packages/components/index.d.ts

@@ -0,0 +1,4 @@
+export * from './PdCharts';
+export * from './PdForm';
+export * from './PdPageLayout';
+export * from './PdTable';

package/dist/packages/hooks/index.d.ts

@@ -0,0 +1 @@
+export { useForm } from '../components/PdForm/src/hooks/useForm';

package/dist/packages/index.d.ts

@@ -0,0 +1,6 @@
+import installer from './pandora/defaults';
+export * from './components';
+export * from './hooks';
+export * from './pandora/make-installer';
+export declare const install: (app: import("vue").App<any>) => void;
+export default installer;

package/dist/packages/pandora/component.d.ts

@@ -0,0 +1,3 @@
+import type { Plugin } from 'vue';
+declare const _default: Plugin<any[], any[]>[];
+export default _default;

package/dist/packages/pandora/defaults.d.ts

@@ -0,0 +1,4 @@
+declare const _default: {
+    install: (app: import("vue").App<any>) => void;
+};
+export default _default;

package/dist/packages/pandora/make-installer.d.ts

@@ -0,0 +1,4 @@
+import type { App, Plugin } from 'vue';
+export declare const makeInstaller: (components?: Plugin[]) => {
+    install: (app: App) => void;
+};

package/dist/packages/pandora/plugin.d.ts

@@ -0,0 +1,3 @@
+import type { Plugin } from 'vue';
+declare const _default: Plugin<any[], any[]>[];
+export default _default;

package/dist/pandora2.css

@@ -0,0 +1 @@
+.vpandora-pagination{margin-top:10px}.vpandora-table{width:100%;height:100%}.vpandora-table .combo-wrapper{display:flex;align-items:center;justify-content:center}.vpandora-table .combo-wrapper .el-image{margin-right:7px}.vpandora-table>.active-thead .sort-caret.descending{border-top-color:#409eff}.vpandora-table>.active-thead .sort-caret.ascending{border-top-color:#409eff}.vpandora-table .column-wrapper{display:inline-flex;flex-direction:column;align-items:center;height:34px;width:24px;vertical-align:middle;cursor:pointer;overflow:initial;position:relative}.vpandora-table .el-radio__label{display:none}.pandora-basic-arrow[data-v-b5173730]{display:inline-block;cursor:pointer;transform:rotate(0);transition:all .3s ease .1s;transform-origin:center center}.pandora-basic-arrow--active[data-v-b5173730]{transform:rotate(90deg)}.pandora-basic-arrow.inset[data-v-b5173730]{line-height:0px}.pandora-basic-arrow.up[data-v-b5173730]{transform:rotate(-90deg)}.pandora-basic-arrow.down[data-v-b5173730],.pandora-basic-arrow.up.pandora-basic-arrow--active[data-v-b5173730]{transform:rotate(90deg)}.pandora-basic-arrow.down.pandora-basic-arrow--active[data-v-b5173730]{transform:rotate(-90deg)}.pandora-basic-help{display:block;margin-left:6px;font-size:14px;width:16px;height:16px;color:#909399;cursor:pointer;float:right;margin-top:3px}.pandora-basic-help:hover{color:#0960bd}.pandora-basic-help__wrap p{margin-bottom:0}.vpandora-form{position:relative;width:100%}.vpandora-form .el-select,.vpandora-form .el-date-editor.el-input,.vpandora-form .el-radio-group{width:100%}.vpandora-form .el-range-editor.el-input__wrapper{box-sizing:border-box;width:100%}.vpandora-form .el-input__wrapper,.vpandora-form .el-textarea__inner,.vpandora-form .el-button{border-radius:0}.vpandora-form .el-form-item__label{color:#777}.vpandora-form.collapsed .el-form-item{margin-bottom:0!important}.next-loading{position:absolute;inset:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:2000;overflow:hidden}.next-loading.next-open{pointer-events:none}.next-loading.next-open .next-loading-component{opacity:.7;filter:blur(1px);position:relative;pointer-events:none}.next-loading-masker{position:absolute;inset:0;z-index:99;background-color:#00000026}.next-loading-inline{display:inline-block}.next-loading-tip{display:block;position:absolute;top:50%;left:50%;z-index:4;transform:translate(-50%,-50%);text-align:center}.next-loading-tip-fullscreen{top:inherit;left:inherit;transform:inherit}.next-loading-tip-placeholder{display:none}.next-loading-right-tip .next-loading-indicator{display:inline-block}.next-loading-right-tip .next-loading-tip-content{position:absolute;display:block;top:50%;right:0;transform:translateY(-50%)}.next-loading-right-tip .next-loading-tip-placeholder{display:inline-block;visibility:hidden;margin-left:1em}.next-loading-fusion-reactor{display:inline-block;width:48px;width:var(--loading-large-size, 48px);height:48px;height:var(--loading-large-size, 48px);position:relative;margin:0;animation-duration:5.6s;animation-iteration-count:infinite;animation-timing-function:linear;animation-name:nextVectorRoute;will-change:transform}.next-loading-fusion-reactor .next-loading-dot{position:absolute;margin:auto;width:12px;width:var(--loading-large-dot-size, 12px);height:12px;height:var(--loading-large-dot-size, 12px);border-radius:50%;background:#0064c8;background:var(--loading-dot-color, #0064c8);animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-duration:1.4s;will-change:transform,opacity}.next-loading-fusion-reactor .next-loading-dot:first-child{top:0;bottom:0;left:0;animation-name:nextVectorDotsX}.next-loading-fusion-reactor .next-loading-dot:nth-child(2){left:0;right:0;top:0;opacity:.8;animation-name:nextVectorDotsY}.next-loading-fusion-reactor .next-loading-dot:nth-child(3){top:0;bottom:0;right:0;opacity:.6;animation-name:nextVectorDotsXR}.next-loading-fusion-reactor .next-loading-dot:nth-child(4){left:0;right:0;bottom:0;opacity:.2;animation-name:nextVectorDotsYR}.next-loading-medium-fusion-reactor{width:32px;width:var(--loading-medium-size, 32px);height:32px;height:var(--loading-medium-size, 32px)}.next-loading-medium-fusion-reactor .next-loading-dot{width:8px;width:var(--loading-medium-dot-size, 8px);height:8px;height:var(--loading-medium-dot-size, 8px)}.next-loading-medium-fusion-reactor .next-loading-dot:first-child{animation-name:nextVectorDotsX-medium}.next-loading-medium-fusion-reactor .next-loading-dot:nth-child(2){animation-name:nextVectorDotsY-medium}.next-loading-medium-fusion-reactor .next-loading-dot:nth-child(3){animation-name:nextVectorDotsXR-medium}.next-loading-medium-fusion-reactor .next-loading-dot:nth-child(4){animation-name:nextVectorDotsYR-medium}@keyframes nextVectorRoute{0%{transform:rotate(0)}5%{transform:rotate(90deg)}25%{transform:rotate(90deg)}30%{transform:rotate(180deg)}50%{transform:rotate(180deg)}55%{transform:rotate(270deg)}75%{transform:rotate(270deg)}80%{transform:rotate(1turn)}to{transform:rotate(1turn)}}@keyframes nextVectorDotsYR{25%{bottom:0}45%,50%{bottom:16.8px;bottom:calc(var(--loading-large-size, 48px) / 2 - var(--loading-large-dot-size, 12px) * 1.2 / 2);height:14.4px;height:calc(var(--loading-large-dot-size, 12px) * 1.2);width:14.4px;width:calc(var(--loading-large-dot-size, 12px) * 1.2)}90%{bottom:0;height:12px;height:var(--loading-large-dot-size, 12px);width:12px;width:var(--loading-large-dot-size, 12px)}}@keyframes nextVectorDotsY{25%{top:0}45%,50%{top:16.8px;top:calc(var(--loading-large-size, 48px) / 2 - var(--loading-large-dot-size, 12px) * 1.2 / 2);height:14.4px;height:calc(var(--loading-large-dot-size, 12px) * 1.2);width:14.4px;width:calc(var(--loading-large-dot-size, 12px) * 1.2)}90%{top:0;height:12px;height:var(--loading-large-dot-size, 12px);width:12px;width:var(--loading-large-dot-size, 12px)}}@keyframes nextVectorDotsX{25%{left:0}45%,50%{left:16.8px;left:calc(var(--loading-large-size, 48px) / 2 - var(--loading-large-dot-size, 12px) * 1.2 / 2);width:14.4px;width:calc(var(--loading-large-dot-size, 12px) * 1.2);height:14.4px;height:calc(var(--loading-large-dot-size, 12px) * 1.2)}90%{left:0;height:12px;height:var(--loading-large-dot-size, 12px);width:12px;width:var(--loading-large-dot-size, 12px)}}@keyframes nextVectorDotsXR{25%{right:0}45%,50%{right:16.8px;right:calc(var(--loading-large-size, 48px) / 2 - var(--loading-large-dot-size, 12px) * 1.2 / 2);width:14.4px;width:calc(var(--loading-large-dot-size, 12px) * 1.2);height:14.4px;height:calc(var(--loading-large-dot-size, 12px) * 1.2)}90%{right:0;height:12px;height:var(--loading-large-dot-size, 12px);width:12px;width:var(--loading-large-dot-size, 12px)}}@keyframes nextVectorDotsYR-medium{25%{bottom:0}45%,50%{bottom:11.2px;bottom:calc(var(--loading-medium-size, 32px) / 2 - var(--loading-medium-dot-size, 8px) * 1.2 / 2);height:9.6px;height:calc(var(--loading-medium-dot-size, 8px) * 1.2);width:9.6px;width:calc(var(--loading-medium-dot-size, 8px) * 1.2)}90%{bottom:0;height:8px;height:var(--loading-medium-dot-size, 8px);width:8px;width:var(--loading-medium-dot-size, 8px)}}@keyframes nextVectorDotsY-medium{25%{top:0}45%,50%{top:11.2px;top:calc(var(--loading-medium-size, 32px) / 2 - var(--loading-medium-dot-size, 8px) * 1.2 / 2);height:9.6px;height:calc(var(--loading-medium-dot-size, 8px) * 1.2);width:9.6px;width:calc(var(--loading-medium-dot-size, 8px) * 1.2)}90%{top:0;height:8px;height:var(--loading-medium-dot-size, 8px);width:8px;width:var(--loading-medium-dot-size, 8px)}}@keyframes nextVectorDotsX-medium{25%{left:0}45%,50%{left:11.2px;left:calc(var(--loading-medium-size, 32px) / 2 - var(--loading-medium-dot-size, 8px) * 1.2 / 2);width:9.6px;width:calc(var(--loading-medium-dot-size, 8px) * 1.2);height:9.6px;height:calc(var(--loading-medium-dot-size, 8px) * 1.2)}90%{left:0;height:8px;height:var(--loading-medium-dot-size, 8px);width:8px;width:var(--loading-medium-dot-size, 8px)}}@keyframes nextVectorDotsXR-medium{25%{right:0}45%,50%{right:11.2px;right:calc(var(--loading-medium-size, 32px) / 2 - var(--loading-medium-dot-size, 8px) * 1.2 / 2);width:9.6px;width:calc(var(--loading-medium-dot-size, 8px) * 1.2);height:9.6px;height:calc(var(--loading-medium-dot-size, 8px) * 1.2)}90%{right:0;height:8px;height:var(--loading-medium-dot-size, 8px);width:8px;width:var(--loading-medium-dot-size, 8px)}}@media(prefers-reduced-motion:reduce){.next-loading-fusion-reactor,.next-loading-fusion-reactor .next-loading-dot{animation-duration:.01ms;animation-iteration-count:1}}.pandora-page-layout[data-v-e8e3119d]{width:100%;min-width:900px;background:#f6f8f9}.pandora-page-layout .pandora-form-section[data-v-e8e3119d]{position:relative;width:100%;background:#fff;box-shadow:0 3px 10px #0000000f;border-radius:2px;padding:10px 18px;box-sizing:border-box;display:flex;min-height:50px}.pandora-page-layout .pandora-form-section .pandora-form-content[data-v-e8e3119d]{flex:1;min-width:0;display:flex;align-items:center;min-height:inherit;flex-wrap:wrap}.pandora-page-layout .pandora-table-section[data-v-e8e3119d]{margin-top:15px;position:relative;width:100%;background:#fff;box-shadow:0 3px 10px #0000000f;border-radius:2px;padding:10px 18px;box-sizing:border-box}.pandora-page-tree-layout[data-v-1cfd0561]{display:flex;width:100%;align-items:stretch;position:relative;background:#f6f8f9}.pandora-page-tree-layout .pandora-sidebar[data-v-1cfd0561]{flex:none;background:#fff;border-right:1px solid #ebeef5;overflow:visible;position:relative;transition:width .2s ease;height:100%;z-index:10}.pandora-page-tree-layout .pandora-sidebar .pandora-sidebar-inner[data-v-1cfd0561]{display:flex;flex-direction:column;height:100%;padding:10px 12px;box-sizing:border-box;overflow:hidden;white-space:nowrap}.pandora-page-tree-layout .pandora-sidebar.collapsed .pandora-sidebar-inner[data-v-1cfd0561]{padding:0;display:none}.pandora-page-tree-layout .pandora-sidebar .pandora-sidebar-header[data-v-1cfd0561]{flex:none}.pandora-page-tree-layout .pandora-sidebar .pandora-sidebar-content[data-v-1cfd0561]{flex:1;overflow:auto}.pandora-page-tree-layout .pandora-sidebar .pandora-sidebar-handle[data-v-1cfd0561]{position:absolute;top:50%;right:-10px;transform:translateY(-50%);width:16px;height:40px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #e5e5e5;border-radius:0 2px 2px 0;box-shadow:0 4px 12px #0000001f;cursor:pointer;z-index:10}.pandora-page-tree-layout .pandora-sidebar .pandora-sidebar-handle[data-v-1cfd0561]:hover{box-shadow:0 6px 16px #00000029}.pandora-page-tree-layout .pandora-content[data-v-1cfd0561]{flex:1;height:100%;overflow:hidden;position:relative;z-index:1}pandora-charts{display:block;width:100%;height:100%;min-width:0}