@jiaozhiye/qm-design-react 1.0.0-beta.1

package/lib/table/style/size.less

@@ -0,0 +1,69 @@
+/*
+ * @Author: 焦质晔
+ * @Date: 2020-02-28 22:11:53
+ * @Last Modified by: 焦质晔
+ * @Last Modified time: 2021-12-28 13:59:08
+ */
+@prefix-table: ~'@{qm-prefix}-table';
+.@{prefix-table} {
+  // 42 34 26
+  &--wrapper {
+    font-size: @v-font-size;
+    .@{prefix-table}-top {
+      height: @v-table-row-height - 2px;
+    }
+    .header--column,
+    .body--column,
+    .footer--column {
+      &.col--ellipsis {
+        height: @v-table-row-height;
+      }
+      &:not(.col--ellipsis) {
+        padding: ceil(((@v-table-row-height - @v-table-row-line-height) / 2)) 0;
+      }
+    }
+    .row--height {
+      height: @v-table-row-height;
+    }
+  }
+
+  &--lg {
+    font-size: @v-font-size-large;
+    .@{prefix-table}-top {
+      height: @v-table-row-height-large - 2px;
+    }
+    .header--column,
+    .body--column,
+    .footer--column {
+      &.col--ellipsis {
+        height: @v-table-row-height-large;
+      }
+      &:not(.col--ellipsis) {
+        padding: ceil(((@v-table-row-height-large - @v-table-row-line-height) / 2)) 0;
+      }
+    }
+    .row--height {
+      height: @v-table-row-height-large;
+    }
+  }
+
+  &--sm {
+    font-size: @v-font-size-small;
+    .@{prefix-table}-top {
+      height: @v-table-row-height-small - 2px;
+    }
+    .header--column,
+    .body--column,
+    .footer--column {
+      &.col--ellipsis {
+        height: @v-table-row-height-small;
+      }
+      &:not(.col--ellipsis) {
+        padding: ceil(((@v-table-row-height-small - @v-table-row-line-height) / 2)) 0;
+      }
+    }
+    .row--height {
+      height: @v-table-row-height-small;
+    }
+  }
+}

package/lib/table/style/super-search.less

@@ -0,0 +1,102 @@
+/*
+ * @Author: 焦质晔
+ * @Date: 2020-03-26 11:45:02
+ * @Last Modified by: 焦质晔
+ * @Last Modified time: 2022-01-06 14:37:34
+ */
+@prefix-table: ~'@{qm-prefix}-table';
+
+.@{prefix-table}-super-search {
+  display: inline-block;
+  padding: 5px 3px;
+  line-height: 1;
+  cursor: pointer;
+  transition: all 0.3s ease;
+  .icon {
+    font-size: 1.05em;
+  }
+  &:hover {
+    color: @v-primary-color;
+  }
+}
+
+.@{prefix-table}-super-search__setting {
+  .main {
+    display: flex;
+    flex-direction: row;
+    height: 100%;
+    margin-bottom: @v-module-distance;
+    .container {
+      flex: 1;
+      width: 0;
+      .lang-js {
+        display: block;
+        margin-top: @v-module-distance;
+        background-color: #2b3a42;
+        padding: 6px 10px;
+        color: #62b1d8;
+        border-radius: @v-border-radius;
+        text-shadow: 0 1px 0 rgba(23, 31, 35, 0.5);
+      }
+    }
+    .saved {
+      width: 200px;
+      .form-wrap {
+        display: flex;
+      }
+      .card-wrap {
+        margin-top: @v-module-distance;
+        border: 1px solid @v-table-border-color;
+        > h5 {
+          display: flex;
+          align-items: center;
+          font-size: inherit;
+          font-weight: normal;
+          margin-bottom: 0;
+          padding: 0 @v-module-distance;
+          border-bottom: 1px solid @v-table-border-color;
+          background-color: @v-table-header-background-color;
+        }
+        > ul {
+          margin-bottom: 0;
+          li {
+            display: flex;
+            align-items: center;
+            position: relative;
+            padding: 8px @v-module-distance;
+            border-bottom: 1px solid @v-table-border-color;
+            cursor: pointer;
+            transition: all 0.3s ease;
+            &:last-of-type {
+              border-bottom: 0;
+            }
+            &:hover {
+              background-color: @v-table-row-hover-background-color;
+              .close {
+                visibility: visible;
+              }
+            }
+            &.selected {
+              background-color: @v-table-row-selected-background-color;
+            }
+            .title {
+              i {
+                margin-right: 5px;
+              }
+            }
+            .close {
+              position: absolute;
+              right: @v-module-distance;
+              visibility: hidden;
+            }
+          }
+        }
+      }
+    }
+    .line {
+      border-left: 1px dashed @--border-color-base;
+      padding-left: @v-module-distance;
+      margin-left: @v-module-distance;
+    }
+  }
+}

package/lib/table/style/table.less

@@ -0,0 +1,328 @@
+/*
+ * @Author: 焦质晔
+ * @Date: 2021-07-23 19:05:57
+ * @Last Modified by: 焦质晔
+ * @Last Modified time: 2021-12-28 13:38:40
+ */
+@import '../../style/common';
+
+@prefix-table: ~'@{qm-prefix}-table';
+
+// 外层容器
+.@{prefix-table}--wrapper {
+  .reset-component();
+}
+
+/* 全屏 */
+.@{prefix-table}--maximize {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  height: 100%;
+  z-index: 100;
+  overflow-y: auto;
+  padding: @v-module-distance;
+  padding-bottom: 0;
+  background-color: @v-table-background-color;
+}
+
+/* table 样式 */
+.@{prefix-table} {
+  position: relative;
+  background-color: @v-table-background-color;
+  &:before,
+  &:after {
+    content: '';
+    position: absolute;
+    left: 0;
+    width: 100%;
+    height: 0;
+    z-index: 3;
+  }
+  &:before {
+    top: 0;
+    border-top: 1px solid @v-table-border-color;
+  }
+  &:after {
+    bottom: 0;
+    border-bottom: 1px solid @v-table-border-color;
+  }
+
+  &--header,
+  &--body,
+  &--footer {
+    border: 0;
+    border-spacing: 0;
+    border-collapse: separate;
+    table-layout: fixed;
+  }
+
+  &--header-wrapper,
+  &--footer-wrapper {
+    overflow-x: hidden;
+    overflow-y: hidden;
+  }
+
+  &--body-wrapper {
+    overflow-y: auto;
+    overflow-x: auto;
+  }
+
+  &:not(.is--empty) {
+    &.show--foot {
+      &.scroll--x {
+        .table--body-wrapper {
+          overflow-x: scroll;
+        }
+      }
+    }
+  }
+
+  &.c--resize {
+    cursor: col-resize;
+    .header--column {
+      pointer-events: none;
+    }
+  }
+
+  .header--column {
+    background-color: @v-table-header-background-color;
+  }
+
+  .body--column {
+    transition: background-color 0.3s ease;
+    background-color: @v-table-background-color;
+  }
+
+  .footer--column {
+    background-color: @v-table-footer-background-color;
+    border-bottom: 0;
+  }
+
+  .body--row:hover {
+    .body--column {
+      background-color: @v-table-row-hover-background-color;
+    }
+  }
+
+  .body--row-striped {
+    .body--column {
+      background-color: @v-table-header-background-color;
+    }
+  }
+
+  .body--row-selected {
+    .body--column {
+      background-color: @v-table-row-selected-background-color;
+    }
+  }
+
+  .body--row-current {
+    .body--column {
+      background-color: @v-table-row-current-background-color;
+    }
+  }
+
+  .body--row-expanded {
+    .body--column {
+      background-color: @v-table-row-expanded-background-color;
+    }
+  }
+
+  .body--row-group_1 {
+    .body--column {
+      background-color: @--primary-1;
+    }
+  }
+
+  .body--row-group_2 {
+    .body--column {
+      background-color: @--primary-2;
+    }
+  }
+
+  .body--row-group_3 {
+    .body--column {
+      background-color: @--primary-3;
+    }
+  }
+
+  .header--column,
+  .body--column,
+  .footer--column {
+    position: relative;
+    text-align: left;
+    line-height: @v-table-row-line-height;
+    &:not(.col--ellipsis) {
+      padding: ceil(((@v-table-row-height - @v-table-row-line-height) / 2)) 0;
+      .cell {
+        line-height: 1.25;
+      }
+    }
+    &.col--center:not(.header--column) {
+      text-align: center;
+    }
+    &.col--right:not(.header--column) {
+      text-align: right;
+    }
+    .cell {
+      white-space: pre-wrap;
+      word-break: break-all;
+      padding: 0 @v-module-distance;
+      .cell--indent {
+        float: left;
+        height: 1px;
+        visibility: hidden;
+      }
+    }
+  }
+
+  // 自定义
+  &.is--fixed {
+    .cell-fix-left,
+    .cell-fix-right {
+      position: sticky;
+      z-index: 2;
+    }
+    .cell-fix-left-last {
+      &::after {
+        content: '';
+        position: absolute;
+        top: 0;
+        right: 0;
+        bottom: -1px;
+        width: 20px;
+        transform: translateX(100%);
+        transition: box-shadow 0.3s, -webkit-box-shadow 0.3s;
+        pointer-events: none;
+      }
+    }
+    .cell-fix-right-first {
+      &::after {
+        content: '';
+        position: absolute;
+        top: 0;
+        left: 0;
+        bottom: -1px;
+        width: 20px;
+        transform: translateX(-100%);
+        transition: box-shadow 0.3s, -webkit-box-shadow 0.3s;
+        pointer-events: none;
+      }
+    }
+    &.ping--left .cell-fix-left-last::after {
+      box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.15);
+    }
+    &.ping--right .cell-fix-right-first::after {
+      box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.15);
+    }
+  }
+
+  &.is--sortable {
+    .column-has-sorter {
+      transition: background-color 0.3s ease;
+      cursor: pointer;
+      &:hover {
+        background-color: @v-table-column-sort-hover-color;
+      }
+      &.column--sort {
+        background-color: @v-table-column-sorted-color;
+      }
+    }
+    .column--sort {
+      background-color: @v-table-header-background-color;
+    }
+  }
+
+  &.is--border {
+    .header--column,
+    .body--column,
+    .footer--column {
+      border-bottom: 1px solid @v-table-border-color;
+      border-right: 1px solid @v-table-border-color;
+      .box-sizing-content();
+    }
+  }
+
+  &:not(.is--border) {
+    &:before,
+    &:after {
+      border: 0;
+    }
+    .header--column,
+    .body--column {
+      border-bottom: 1px solid @v-table-border-color;
+    }
+  }
+
+  /* body 填充元素 */
+  .body--x-space {
+    height: 0;
+    visibility: hidden;
+    &::after {
+      content: '.';
+    }
+  }
+  .body--y-space {
+    width: 0;
+    float: left;
+    visibility: hidden;
+  }
+
+  /* 列宽线 */
+  &--resizable-bar {
+    display: none;
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 1px;
+    height: 100%;
+    z-index: 4;
+    &:before {
+      content: '';
+      display: block;
+      height: 100%;
+      background-color: @v-table-resizable-color;
+    }
+  }
+
+  /* 边框线 */
+  &--border-line {
+    &:before,
+    &:after {
+      content: '';
+      position: absolute;
+      top: 0;
+      width: 0;
+      height: 100%;
+      z-index: 3;
+    }
+    &:before {
+      left: 0;
+      border-left: 1px solid @v-table-border-color;
+    }
+    &:after {
+      right: 0;
+      border-right: 1px solid @v-table-border-color;
+    }
+  }
+
+  /* 溢出列 */
+  .header--column,
+  .body--column,
+  .footer--column {
+    &.col--ellipsis {
+      .cell {
+        .text-overflow-cut();
+        word-break: break-all;
+        white-space: pre;
+      }
+    }
+  }
+
+  /* 弹出层 */
+  &__popper {
+    padding: @v-module-distance;
+  }
+}

package/lib/table/style/toper.less

@@ -0,0 +1,28 @@
+/*
+ * @Author: 焦质晔
+ * @Date: 2021-10-28 12:20:04
+ * @Last Modified by: 焦质晔
+ * @Last Modified time: 2021-10-28 12:29:24
+ */
+@prefix-table: ~'@{qm-prefix}-table';
+
+.@{prefix-table}-top {
+  display: flex;
+  white-space: nowrap;
+  margin-bottom: @v-module-distance;
+  &__space {
+    flex: 1;
+    display: inherit;
+    justify-content: space-between;
+    &-slot {
+      flex: 1;
+      display: inherit;
+      height: 100%;
+      margin-right: @v-module-distance;
+    }
+  }
+  &__actions {
+    display: inherit;
+    align-items: center;
+  }
+}

package/lib/table/style/variable.less

@@ -0,0 +1,48 @@
+/*
+ * @Author: 焦质晔
+ * @Date: 2020-02-28 21:58:58
+ * @Last Modified by: 焦质晔
+ * @Last Modified time: 2021-09-04 16:24:06
+ */
+/* font-size */
+@v-font-size: @--font-size-base;
+@v-font-size-large: @--font-size-base;
+@v-font-size-small: @--font-size-sm;
+
+@v-font-color: @--text-color;
+@v-font-secondary-dark-color: @--text-color-secondary-dark;
+@v-font-secondary-color: @--text-color-secondary;
+@v-font-disabled-color: @--disabled-color;
+
+/* primary color */
+@v-primary-color: @--primary-color;
+@v-danger-color: @--error-color;
+
+// module distance
+@v-module-distance: @--padding-md;
+
+/* border radius */
+@v-border-radius: @--border-radius-base;
+
+/* icon */
+@v-icon-color: #bfbfbf;
+
+/* table color */
+@v-table-header-background-color: #fafafa;
+@v-table-border-color: #e8e8e8;
+@v-table-resizable-color: #d9d9d9;
+@v-table-background-color: #ffffff;
+@v-table-footer-background-color: #fafafa;
+@v-table-column-sort-hover-color: #f2f2f2;
+@v-table-column-sorted-color: #f5f5f5;
+@v-table-column-filter-hover-color: #e5e5e5;
+
+/* table row */
+@v-table-row-height: 34px;
+@v-table-row-height-large: 42px;
+@v-table-row-height-small: 26px;
+@v-table-row-line-height: 24px;
+@v-table-row-hover-background-color: #f5f5f5;
+@v-table-row-selected-background-color: @--primary-2;
+@v-table-row-current-background-color: @--primary-2;
+@v-table-row-expanded-background-color: #fafafa;

package/lib/tabs/index.d.ts

@@ -0,0 +1,4 @@
+import Tabs from './src/tabs';
+export type { QmTabsProps } from './src/tabs';
+export type { QmTabPaneProps } from './src/tab-pane';
+export default Tabs;

package/lib/tabs/src/tab-pane.d.ts

@@ -0,0 +1,8 @@
+import React, { Component } from 'react';
+import type { TabPaneProps } from '../../antd';
+declare type IProps = TabPaneProps;
+export declare type QmTabPaneProps = IProps;
+declare class QmTabPane extends Component<IProps> {
+    render(): React.ReactElement;
+}
+export default QmTabPane;

package/lib/tabs/src/tabs.d.ts

@@ -0,0 +1,16 @@
+import React, { Component } from 'react';
+import type { TabsProps } from '../../antd';
+declare type IProps = TabsProps;
+export declare type QmTabsProps = IProps;
+declare class QmTabs extends Component<IProps> {
+    static TabPane: React.ClassicComponentClass<import("rc-tabs/lib/TabPanelList/TabPane").TabPaneProps>;
+    static contextType: React.Context<import("../../config-provider/context").IConfig | undefined>;
+    static defaultProps: {
+        tabBarGutter: number;
+        tabBarStyle: {
+            paddingLeft: string;
+        };
+    };
+    render(): React.ReactElement;
+}
+export default QmTabs;

package/lib/tabs/style/index.less

@@ -0,0 +1,22 @@
+/*
+ * @Author: 焦质晔
+ * @Date: 2021-07-23 19:05:57
+ * @Last Modified by: 焦质晔
+ * @Last Modified time: 2021-08-01 21:58:46
+ */
+@import '../../style/common';
+
+@prefix-tabs: ~'@{qm-prefix}-tabs';
+
+.@{prefix-tabs} {
+  &.ant-tabs-top .ant-tabs-tab {
+    padding-left: @--padding-md;
+    padding-right: @--padding-md;
+  }
+  // ------ size ------
+  // 40  32  24
+  &--lg {
+  }
+  &--sm {
+  }
+}

package/lib/tinymce/index.d.ts

@@ -0,0 +1,3 @@
+import Tinymce from './src/index';
+export type { QmTinymceProps } from './src';
+export default Tinymce;

package/lib/tinymce/src/Events.d.ts

@@ -0,0 +1,78 @@
+/**
+ * Copyright (c) 2017-present, Ephox, Inc.
+ *
+ * This source code is licensed under the Apache 2 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+export declare type EventHandler<T> = (a: unknown, editor: any) => unknown;
+declare type EEventHandler<K> = EventHandler<K>;
+export interface INativeEvents {
+    onBeforePaste: EEventHandler<'beforepaste'>;
+    onBlur: EEventHandler<'blur'>;
+    onClick: EEventHandler<'click'>;
+    onContextMenu: EEventHandler<'contextmenu'>;
+    onCopy: EEventHandler<'copy'>;
+    onCut: EEventHandler<'cut'>;
+    onDblclick: EEventHandler<'dblclick'>;
+    onDrag: EEventHandler<'drag'>;
+    onDragDrop: EEventHandler<'dragdrop'>;
+    onDragEnd: EEventHandler<'dragend'>;
+    onDragGesture: EEventHandler<'draggesture'>;
+    onDragOver: EEventHandler<'dragover'>;
+    onDrop: EEventHandler<'drop'>;
+    onFocus: EEventHandler<'focus'>;
+    onFocusIn: EEventHandler<'focusin'>;
+    onFocusOut: EEventHandler<'focusout'>;
+    onKeyDown: EEventHandler<'keydown'>;
+    onKeyPress: EEventHandler<'keypress'>;
+    onKeyUp: EEventHandler<'keyup'>;
+    onMouseDown: EEventHandler<'mousedown'>;
+    onMouseEnter: EEventHandler<'mouseenter'>;
+    onMouseLeave: EEventHandler<'mouseleave'>;
+    onMouseMove: EEventHandler<'mousemove'>;
+    onMouseOut: EEventHandler<'mouseout'>;
+    onMouseOver: EEventHandler<'mouseover'>;
+    onMouseUp: EEventHandler<'mouseup'>;
+    onPaste: EEventHandler<'paste'>;
+    onSelectionChange: EEventHandler<'selectionchange'>;
+}
+export interface ITinyEvents {
+    onActivate: EEventHandler<'activate'>;
+    onAddUndo: EEventHandler<'AddUndo'>;
+    onBeforeAddUndo: EEventHandler<'BeforeAddUndo'>;
+    onBeforeExecCommand: EEventHandler<'BeforeExecCommand'>;
+    onBeforeGetContent: EEventHandler<'BeforeGetContent'>;
+    onBeforeRenderUI: EventHandler<unknown>;
+    onBeforeSetContent: EEventHandler<'BeforeSetContent'>;
+    onChange: EventHandler<unknown>;
+    onClearUndos: EEventHandler<'ClearUndos'>;
+    onDeactivate: EEventHandler<'deactivate'>;
+    onDirty: EventHandler<unknown>;
+    onExecCommand: EEventHandler<'ExecCommand'>;
+    onGetContent: EEventHandler<'GetContent'>;
+    onHide: EventHandler<unknown>;
+    onInit: EEventHandler<'init'>;
+    onLoadContent: EEventHandler<'LoadContent'>;
+    onNodeChange: EEventHandler<'NodeChange'>;
+    onPostProcess: EventHandler<unknown>;
+    onPostRender: EEventHandler<'PostRender'>;
+    onPreProcess: EventHandler<unknown>;
+    onProgressState: EEventHandler<'ProgressState'>;
+    onRedo: EEventHandler<'Redo'>;
+    onRemove: EEventHandler<'remove'>;
+    onReset: EventHandler<unknown>;
+    onSaveContent: EventHandler<unknown>;
+    onSetAttrib: EventHandler<unknown>;
+    onObjectResizeStart: EEventHandler<'ObjectResizeStart'>;
+    onObjectResized: EEventHandler<'ObjectResized'>;
+    onObjectSelected: EEventHandler<'ObjectSelected'>;
+    onSetContent: EEventHandler<'SetContent'>;
+    onShow: EventHandler<unknown>;
+    onSubmit: EventHandler<unknown>;
+    onUndo: EEventHandler<'Undo'>;
+    onVisualAid: EventHandler<unknown>;
+}
+export interface IEvents extends INativeEvents, ITinyEvents {
+}
+export {};