shineout 1.12.2 → 1.12.3

package/esm/DataList/styles/list.less

@@ -0,0 +1,213 @@
+@import '../../styles/variables.less';
+@import '../../styles/themes/@{so-theme}.less';
+
+@list-prefix: ~'@{so-prefix}-list';
+@button-prefix: ~'@{so-prefix}-button';
+
+@list-small-avatar: 32px;
+@list-default-avatar: 40px;
+@list-large-avatar: 64px;
+
+@list-small-padding: 8px;
+@list-default-padding: 12px;
+@list-large-padding: 16px;
+
+.@{list-prefix} {
+  display: block;
+
+  &-absolute-wrapper {
+    position: absolute;
+    right: 0;
+    top: 0;
+    left: 0;
+  }
+  &-rtl {
+    direction: rtl;
+    text-align: start;
+  }
+}
+
+
+.@{list-prefix}-container {
+  box-sizing: border-box;
+  position: relative;
+  margin: 0;
+  padding: 0;
+  font-size: @font-size-base;
+  line-height: @font-size-base-value + 8px;
+  list-style: none;
+  color: @gray-700;
+
+  .@{list-prefix}-item {
+    box-sizing: border-box;
+    display: block;
+    position: relative;
+    padding: @list-default-padding;
+
+    &:not(:last-child)::after {
+      content: "";
+      position: absolute;
+      bottom: 0px;
+      left: 0;
+      width: 100%;
+      height: @list-item-bottom-border-width;
+      background-color: @gray-200;
+    }
+
+    &.@{list-prefix}-checkbox {
+      display: flex;
+      justify-content: flex-start;
+      align-items: center;
+      
+      .@{list-prefix}-item-meta {
+        flex: 1;
+      }
+    }
+
+    .@{list-prefix}-meta-container,
+    .@{list-prefix}-meta.@{list-prefix}-includes{
+      box-sizing: border-box;
+      display: flex;
+      justify-content: flex-start;
+
+      .@{list-prefix}-meta-avatar {
+        box-sizing: border-box;
+        width: @list-default-avatar;
+        height: @list-default-avatar;
+        margin-right: @list-default-padding;
+        flex: none;
+      }
+
+      .@{list-prefix}-meta-title {
+        font-weight: 600;
+      }
+    }
+
+    .@{list-prefix}-meta-content {
+      box-sizing: border-box;
+      padding-top: 12px;
+    }
+
+  }
+
+  &.@{list-prefix}-fixed {
+    display: flex;
+    flex-direction: column;
+    height: auto;
+    max-height: 100%;
+    .@{list-prefix}-list {
+      flex: 1;
+      overflow: hidden;
+      display: flex;
+      flex-direction: column;
+    }
+  }
+
+  .@{list-prefix}-list.@{list-prefix}-empty {
+    display: flex;
+    height: 100%;
+  }
+
+  .@{list-prefix}-item.@{list-prefix}-empty {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    flex: 1;
+  }
+
+
+  &.@{list-prefix}-bordered {
+    border: @list-item-bottom-border-width solid @gray-200;
+    border-radius: 4px;
+  }
+
+
+  .@{list-prefix}-footer{
+    position: relative;
+
+    &::before {
+      content: "";
+      position: absolute;
+      top: 0px;
+      left: 0;
+      width: 100%;
+      height: @list-item-bottom-border-width;
+      background-color: @gray-200;
+    }
+  }
+
+
+  .@{list-prefix}-loading {
+    position: absolute;
+    z-index: 11;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    display: flex;
+    overflow: hidden;
+    background-color: rgba(255, 255, 255, 0.4);
+  }
+}
+
+.@{list-prefix}-base {
+  box-sizing: border-box;
+  display: flex;
+  justify-content: space-between;
+
+  .@{list-prefix}-extra {
+    display: flex;
+    margin-left: 16px;
+    align-items: center;
+
+    .@{list-prefix}-split {
+      width: @list-item-bottom-border-width;
+      height: 16px;
+      background-color: @gray-200;
+    }
+  }
+
+  .@{button-prefix} + .@{button-prefix} {
+    &:not(@{button-prefix}-rtl) {margin-left: 0;}
+    &.@{button-prefix}-rtl {margin-right: 0;}
+  }
+}
+
+.@{list-prefix}-container.@{list-prefix}-small {
+  .@{list-prefix}-item {
+    padding: @list-small-padding;
+
+    .@{list-prefix}-meta-container,
+    .@{list-prefix}-meta.@{list-prefix}-includes{
+      .@{list-prefix}-meta-avatar {
+        width: @list-small-avatar;
+        height: @list-small-avatar;
+      }
+    }
+  }
+}
+
+.@{list-prefix}-container.@{list-prefix}-large {
+  .@{list-prefix}-item {
+    padding: @list-large-padding;
+
+    .@{list-prefix}-meta-container,
+    .@{list-prefix}-meta.@{list-prefix}-includes {
+      .@{list-prefix}-meta-avatar {
+        width: @list-large-avatar;
+        height: @list-large-avatar;
+      }
+    }
+  }
+}
+
+
+.@{list-prefix}-container.@{list-prefix}-rtl {
+  direction: rtl;
+  text-align: right;
+
+  .@{list-prefix}-item .@{list-prefix}-meta-container .@{list-prefix}-meta-avatar {
+    margin-right: 0;
+    margin-left: @list-default-padding;
+  }
+}

package/esm/DatePicker/Container.d.ts

@@ -0,0 +1,82 @@
+import React, { FocusEvent, KeyboardEvent } from 'react';
+import { PureComponent } from '../component';
+import Picker from './Picker';
+import Range from './Range';
+import { AreaType, BaseProps, DateTimeType, ContainerProps, vaildFn, vaildFns, QuickSelectType } from './Props';
+interface ContainerState {
+    focus: boolean;
+    current: Date[] | Date;
+    position: BaseProps['position'];
+    picker0: boolean;
+    picker1: boolean;
+}
+declare class Container extends PureComponent<ContainerProps, ContainerState> {
+    static defaultProps: {
+        type: string;
+        clearable: boolean;
+        allowSingle: boolean;
+        placeholder: JSX.Element;
+    };
+    handleClick: any;
+    handleBlur: any;
+    disabledMap: {
+        day?: vaildFn | vaildFns;
+        date?: vaildFn | vaildFns;
+        time?: vaildFn | vaildFns;
+        month?: vaildFn | vaildFns;
+        year?: vaildFn | vaildFns;
+        quarter?: vaildFn | vaildFns;
+        datetime?: vaildFn | vaildFns;
+        week?: vaildFn | vaildFns;
+    };
+    pickerId: string;
+    firstRender: boolean;
+    element: HTMLSpanElement;
+    picker: Range | Picker;
+    pickerContainer: HTMLDivElement;
+    textSpan: HTMLSpanElement;
+    constructor(props: ContainerProps);
+    componentWillUnmount(): void;
+    getOptions(): {
+        timeZone: string | undefined;
+        weekStartsOn: any;
+    };
+    getCurrent(): Date | Date[];
+    getFormat(): string;
+    getQuick(format: string): ({
+        name: string;
+        invalid: boolean;
+        value?: undefined;
+    } | {
+        name: string;
+        value: Date[];
+        invalid?: undefined;
+    })[] | undefined;
+    getDefaultTime(): DateTimeType[];
+    bindElement(el: HTMLDivElement): void;
+    bindPicker(picker: Range | Picker): void;
+    bindWrappedPicker(el: HTMLDivElement): void;
+    bindTextSpan(el: HTMLSpanElement): void;
+    parseDate(value: DateTimeType): Date;
+    bindClickAway(): void;
+    clearClickAway(): void;
+    shouldFocus(el: HTMLElement): boolean;
+    handleClickAway(e: MouseEvent): void;
+    handleFocus(e: FocusEvent<HTMLDivElement>): void;
+    handleKeyDown(e: KeyboardEvent<HTMLDivElement>): void;
+    handleToggle(focus: boolean, e?: MouseEvent): void;
+    triggerValueBlur(cb: () => void): void;
+    disabledRegister(disabled: vaildFn, mode: 'time' | 'date' | 'week' | 'month' | 'year' | 'quarter' | 'datetime', index: number): void;
+    handleDisabled(date: Date, index: number): boolean;
+    handleTextChange(date: Date, index: number, e: FocusEvent): void;
+    dateToCurrent(date: Date | Date[]): Date | Date[];
+    handleChange(date: Date[] | Date, change: boolean | null | undefined, blur: boolean | null | undefined, _isEnd: boolean | null | undefined, isQuickSelect: QuickSelectType | undefined, areaType: AreaType): void;
+    handleClear(e: React.MouseEvent): void;
+    handleHover(index: number, isEnter: boolean): void;
+    renderText(value: Date, placeholder: string, key?: 0 | 1): JSX.Element;
+    renderResult(): JSX.Element;
+    renderWrappedPicker(): JSX.Element;
+    renderPicker(): JSX.Element | undefined;
+    render(): JSX.Element;
+}
+export default Container;