@qsxy/element-plus-react 1.0.0-next.2 → 1.0.0-next.21

package/theme-chalk/var.scss

@@ -0,0 +1,83 @@
+// CSS3 var
+@use 'common/var' as *;
+@use 'mixins/var' as *;
+@use 'mixins/mixins' as *;
+
+// for better performance do not dynamically change the root variable if you really
+// do not need that, since this could introduce recalculation overhead for rendering.
+// https://lisilinhart.info/posts/css-variables-performance/
+
+// common
+:root {
+    @include set-css-var-value('color-white', $color-white);
+    @include set-css-var-value('color-black', $color-black);
+
+    // get rgb
+    @each $type in (primary, success, warning, danger, error, info) {
+        @include set-css-color-rgb($type);
+    }
+
+    // Typography
+    @include set-component-css-var('font-size', $font-size);
+    @include set-component-css-var('font-family', $font-family);
+
+    @include set-css-var-value('font-weight-primary', 500);
+    @include set-css-var-value('font-line-height-primary', 24px);
+
+    // z-index --el-index-#{$type}
+    @include set-component-css-var('index', $z-index);
+
+    // --el-border-radius-#{$type}
+    @include set-component-css-var('border-radius', $border-radius);
+
+    // Transition
+    // refer to this website to get the bezier motion function detail
+    // https://cubic-bezier.com/#p1,p2,p3,p4 (change px as your function parameter)
+    @include set-component-css-var('transition-duration', $transition-duration);
+
+    @include set-component-css-var('transition-function', $transition-function);
+    @include set-component-css-var('transition', $transition);
+
+    // common component size
+    @include set-component-css-var('component-size', $common-component-size);
+}
+
+// for light
+:root {
+    color-scheme: light;
+
+    // --el-color-#{$type}
+    // --el-color-#{$type}-light-{$i}
+    @each $type in (primary, success, warning, danger, error, info) {
+        @include set-css-color-type($colors, $type);
+    }
+
+    // color-scheme
+    // Background --el-bg-color-#{$type}
+    @include set-component-css-var('bg-color', $bg-color);
+    // --el-text-color-#{$type}
+    @include set-component-css-var('text-color', $text-color);
+    // --el-border-color-#{$type}
+    @include set-component-css-var('border-color', $border-color);
+    // Fill --el-fill-color-#{$type}
+    @include set-component-css-var('fill-color', $fill-color);
+
+    // Box-shadow
+    // --el-box-shadow-#{$type}
+    @include set-component-css-var('box-shadow', $box-shadow);
+    // Disable base
+    @include set-component-css-var('disabled', $disabled);
+
+    // overlay & mask
+    @include set-component-css-var('overlay-color', $overlay-color);
+    @include set-component-css-var('mask-color', $mask-color);
+
+    // Border
+    @include set-css-var-value('border-width', $border-width);
+    @include set-css-var-value('border-style', $border-style);
+    @include set-css-var-value('border-color-hover', $border-color-hover);
+    @include set-css-var-value('border', getCssVar('border-width') getCssVar('border-style') getCssVar('border-color'));
+
+    // Svg
+    @include css-var-from-global('svg-monochrome-grey', 'border-color');
+}

package/dist/Tree/utils/KeyCode.d.ts

@@ -1,110 +0,0 @@
-declare const KeyCode: {
-    MAC_ENTER: number;
-    BACKSPACE: number;
-    TAB: number;
-    NUM_CENTER: number;
-    ENTER: number;
-    SHIFT: number;
-    CTRL: number;
-    ALT: number;
-    PAUSE: number;
-    CAPS_LOCK: number;
-    ESC: number;
-    SPACE: number;
-    PAGE_UP: number;
-    PAGE_DOWN: number;
-    END: number;
-    HOME: number;
-    LEFT: number;
-    UP: number;
-    RIGHT: number;
-    DOWN: number;
-    PRINT_SCREEN: number;
-    INSERT: number;
-    DELETE: number;
-    ZERO: number;
-    ONE: number;
-    TWO: number;
-    THREE: number;
-    FOUR: number;
-    FIVE: number;
-    SIX: number;
-    SEVEN: number;
-    EIGHT: number;
-    NINE: number;
-    QUESTION_MARK: number;
-    A: number;
-    B: number;
-    C: number;
-    D: number;
-    E: number;
-    F: number;
-    G: number;
-    H: number;
-    I: number;
-    J: number;
-    K: number;
-    L: number;
-    M: number;
-    N: number;
-    O: number;
-    P: number;
-    Q: number;
-    R: number;
-    S: number;
-    T: number;
-    U: number;
-    V: number;
-    W: number;
-    X: number;
-    Y: number;
-    Z: number;
-    META: number;
-    WIN_KEY_RIGHT: number;
-    CONTEXT_MENU: number;
-    NUM_ZERO: number;
-    NUM_ONE: number;
-    NUM_TWO: number;
-    NUM_THREE: number;
-    NUM_FOUR: number;
-    NUM_FIVE: number;
-    NUM_SIX: number;
-    NUM_SEVEN: number;
-    NUM_EIGHT: number;
-    NUM_NINE: number;
-    NUM_MULTIPLY: number;
-    NUM_PLUS: number;
-    NUM_MINUS: number;
-    NUM_PERIOD: number;
-    NUM_DIVISION: number;
-    F1: number;
-    F2: number;
-    F3: number;
-    F4: number;
-    F5: number;
-    F6: number;
-    F7: number;
-    F8: number;
-    F9: number;
-    F10: number;
-    F11: number;
-    F12: number;
-    NUMLOCK: number;
-    SEMICOLON: number;
-    DASH: number;
-    EQUALS: number;
-    COMMA: number;
-    PERIOD: number;
-    SLASH: number;
-    APOSTROPHE: number;
-    SINGLE_QUOTE: number;
-    OPEN_SQUARE_BRACKET: number;
-    BACKSLASH: number;
-    CLOSE_SQUARE_BRACKET: number;
-    WIN_KEY: number;
-    MAC_FF_META: number;
-    WIN_IME: number;
-    isTextModifyingKeyEvent: (e: KeyboardEvent) => boolean;
-    isCharacterKey: (keyCode: number) => boolean;
-};
-export default KeyCode;

package/dist/Tree/utils/KeyCode.js

@@ -1,550 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/Tree/utils/KeyCode.ts
-var KeyCode_exports = {};
-__export(KeyCode_exports, {
-  default: () => KeyCode_default
-});
-module.exports = __toCommonJS(KeyCode_exports);
-var KeyCode = {
-  /**
-   * MAC_ENTER
-   */
-  MAC_ENTER: 3,
-  /**
-   * BACKSPACE
-   */
-  BACKSPACE: 8,
-  /**
-   * TAB
-   */
-  TAB: 9,
-  /**
-   * NUMLOCK on FF/Safari Mac
-   */
-  NUM_CENTER: 12,
-  // NUMLOCK on FF/Safari Mac
-  /**
-   * ENTER
-   */
-  ENTER: 13,
-  /**
-   * SHIFT
-   */
-  SHIFT: 16,
-  /**
-   * CTRL
-   */
-  CTRL: 17,
-  /**
-   * ALT
-   */
-  ALT: 18,
-  /**
-   * PAUSE
-   */
-  PAUSE: 19,
-  /**
-   * CAPS_LOCK
-   */
-  CAPS_LOCK: 20,
-  /**
-   * ESC
-   */
-  ESC: 27,
-  /**
-   * SPACE
-   */
-  SPACE: 32,
-  /**
-   * PAGE_UP
-   */
-  PAGE_UP: 33,
-  // also NUM_NORTH_EAST
-  /**
-   * PAGE_DOWN
-   */
-  PAGE_DOWN: 34,
-  // also NUM_SOUTH_EAST
-  /**
-   * END
-   */
-  END: 35,
-  // also NUM_SOUTH_WEST
-  /**
-   * HOME
-   */
-  HOME: 36,
-  // also NUM_NORTH_WEST
-  /**
-   * LEFT
-   */
-  LEFT: 37,
-  // also NUM_WEST
-  /**
-   * UP
-   */
-  UP: 38,
-  // also NUM_NORTH
-  /**
-   * RIGHT
-   */
-  RIGHT: 39,
-  // also NUM_EAST
-  /**
-   * DOWN
-   */
-  DOWN: 40,
-  // also NUM_SOUTH
-  /**
-   * PRINT_SCREEN
-   */
-  PRINT_SCREEN: 44,
-  /**
-   * INSERT
-   */
-  INSERT: 45,
-  // also NUM_INSERT
-  /**
-   * DELETE
-   */
-  DELETE: 46,
-  // also NUM_DELETE
-  /**
-   * ZERO
-   */
-  ZERO: 48,
-  /**
-   * ONE
-   */
-  ONE: 49,
-  /**
-   * TWO
-   */
-  TWO: 50,
-  /**
-   * THREE
-   */
-  THREE: 51,
-  /**
-   * FOUR
-   */
-  FOUR: 52,
-  /**
-   * FIVE
-   */
-  FIVE: 53,
-  /**
-   * SIX
-   */
-  SIX: 54,
-  /**
-   * SEVEN
-   */
-  SEVEN: 55,
-  /**
-   * EIGHT
-   */
-  EIGHT: 56,
-  /**
-   * NINE
-   */
-  NINE: 57,
-  /**
-   * QUESTION_MARK
-   */
-  QUESTION_MARK: 63,
-  // needs localization
-  /**
-   * A
-   */
-  A: 65,
-  /**
-   * B
-   */
-  B: 66,
-  /**
-   * C
-   */
-  C: 67,
-  /**
-   * D
-   */
-  D: 68,
-  /**
-   * E
-   */
-  E: 69,
-  /**
-   * F
-   */
-  F: 70,
-  /**
-   * G
-   */
-  G: 71,
-  /**
-   * H
-   */
-  H: 72,
-  /**
-   * I
-   */
-  I: 73,
-  /**
-   * J
-   */
-  J: 74,
-  /**
-   * K
-   */
-  K: 75,
-  /**
-   * L
-   */
-  L: 76,
-  /**
-   * M
-   */
-  M: 77,
-  /**
-   * N
-   */
-  N: 78,
-  /**
-   * O
-   */
-  O: 79,
-  /**
-   * P
-   */
-  P: 80,
-  /**
-   * Q
-   */
-  Q: 81,
-  /**
-   * R
-   */
-  R: 82,
-  /**
-   * S
-   */
-  S: 83,
-  /**
-   * T
-   */
-  T: 84,
-  /**
-   * U
-   */
-  U: 85,
-  /**
-   * V
-   */
-  V: 86,
-  /**
-   * W
-   */
-  W: 87,
-  /**
-   * X
-   */
-  X: 88,
-  /**
-   * Y
-   */
-  Y: 89,
-  /**
-   * Z
-   */
-  Z: 90,
-  /**
-   * META
-   */
-  META: 91,
-  // WIN_KEY_LEFT
-  /**
-   * WIN_KEY_RIGHT
-   */
-  WIN_KEY_RIGHT: 92,
-  /**
-   * CONTEXT_MENU
-   */
-  CONTEXT_MENU: 93,
-  /**
-   * NUM_ZERO
-   */
-  NUM_ZERO: 96,
-  /**
-   * NUM_ONE
-   */
-  NUM_ONE: 97,
-  /**
-   * NUM_TWO
-   */
-  NUM_TWO: 98,
-  /**
-   * NUM_THREE
-   */
-  NUM_THREE: 99,
-  /**
-   * NUM_FOUR
-   */
-  NUM_FOUR: 100,
-  /**
-   * NUM_FIVE
-   */
-  NUM_FIVE: 101,
-  /**
-   * NUM_SIX
-   */
-  NUM_SIX: 102,
-  /**
-   * NUM_SEVEN
-   */
-  NUM_SEVEN: 103,
-  /**
-   * NUM_EIGHT
-   */
-  NUM_EIGHT: 104,
-  /**
-   * NUM_NINE
-   */
-  NUM_NINE: 105,
-  /**
-   * NUM_MULTIPLY
-   */
-  NUM_MULTIPLY: 106,
-  /**
-   * NUM_PLUS
-   */
-  NUM_PLUS: 107,
-  /**
-   * NUM_MINUS
-   */
-  NUM_MINUS: 109,
-  /**
-   * NUM_PERIOD
-   */
-  NUM_PERIOD: 110,
-  /**
-   * NUM_DIVISION
-   */
-  NUM_DIVISION: 111,
-  /**
-   * F1
-   */
-  F1: 112,
-  /**
-   * F2
-   */
-  F2: 113,
-  /**
-   * F3
-   */
-  F3: 114,
-  /**
-   * F4
-   */
-  F4: 115,
-  /**
-   * F5
-   */
-  F5: 116,
-  /**
-   * F6
-   */
-  F6: 117,
-  /**
-   * F7
-   */
-  F7: 118,
-  /**
-   * F8
-   */
-  F8: 119,
-  /**
-   * F9
-   */
-  F9: 120,
-  /**
-   * F10
-   */
-  F10: 121,
-  /**
-   * F11
-   */
-  F11: 122,
-  /**
-   * F12
-   */
-  F12: 123,
-  /**
-   * NUMLOCK
-   */
-  NUMLOCK: 144,
-  /**
-   * SEMICOLON
-   */
-  SEMICOLON: 186,
-  // needs localization
-  /**
-   * DASH
-   */
-  DASH: 189,
-  // needs localization
-  /**
-   * EQUALS
-   */
-  EQUALS: 187,
-  // needs localization
-  /**
-   * COMMA
-   */
-  COMMA: 188,
-  // needs localization
-  /**
-   * PERIOD
-   */
-  PERIOD: 190,
-  // needs localization
-  /**
-   * SLASH
-   */
-  SLASH: 191,
-  // needs localization
-  /**
-   * APOSTROPHE
-   */
-  APOSTROPHE: 192,
-  // needs localization
-  /**
-   * SINGLE_QUOTE
-   */
-  SINGLE_QUOTE: 222,
-  // needs localization
-  /**
-   * OPEN_SQUARE_BRACKET
-   */
-  OPEN_SQUARE_BRACKET: 219,
-  // needs localization
-  /**
-   * BACKSLASH
-   */
-  BACKSLASH: 220,
-  // needs localization
-  /**
-   * CLOSE_SQUARE_BRACKET
-   */
-  CLOSE_SQUARE_BRACKET: 221,
-  // needs localization
-  /**
-   * WIN_KEY
-   */
-  WIN_KEY: 224,
-  /**
-   * MAC_FF_META
-   */
-  MAC_FF_META: 224,
-  // Firefox (Gecko) fires this for the meta key instead of 91
-  /**
-   * WIN_IME
-   */
-  WIN_IME: 229,
-  // ======================== Function ========================
-  /**
-   * whether text and modified key is entered at the same time.
-   */
-  isTextModifyingKeyEvent: function isTextModifyingKeyEvent(e) {
-    const { keyCode } = e;
-    if (e.altKey && !e.ctrlKey || e.metaKey || // Function keys don't generate text
-    keyCode >= KeyCode.F1 && keyCode <= KeyCode.F12) {
-      return false;
-    }
-    switch (keyCode) {
-      case KeyCode.ALT:
-      case KeyCode.CAPS_LOCK:
-      case KeyCode.CONTEXT_MENU:
-      case KeyCode.CTRL:
-      case KeyCode.DOWN:
-      case KeyCode.END:
-      case KeyCode.ESC:
-      case KeyCode.HOME:
-      case KeyCode.INSERT:
-      case KeyCode.LEFT:
-      case KeyCode.MAC_FF_META:
-      case KeyCode.META:
-      case KeyCode.NUMLOCK:
-      case KeyCode.NUM_CENTER:
-      case KeyCode.PAGE_DOWN:
-      case KeyCode.PAGE_UP:
-      case KeyCode.PAUSE:
-      case KeyCode.PRINT_SCREEN:
-      case KeyCode.RIGHT:
-      case KeyCode.SHIFT:
-      case KeyCode.UP:
-      case KeyCode.WIN_KEY:
-      case KeyCode.WIN_KEY_RIGHT:
-        return false;
-      default:
-        return true;
-    }
-  },
-  /**
-   * whether character is entered.
-   */
-  isCharacterKey: function isCharacterKey(keyCode) {
-    if (keyCode >= KeyCode.ZERO && keyCode <= KeyCode.NINE) {
-      return true;
-    }
-    if (keyCode >= KeyCode.NUM_ZERO && keyCode <= KeyCode.NUM_MULTIPLY) {
-      return true;
-    }
-    if (keyCode >= KeyCode.A && keyCode <= KeyCode.Z) {
-      return true;
-    }
-    if (window.navigator.userAgent.indexOf("WebKit") !== -1 && keyCode === 0) {
-      return true;
-    }
-    switch (keyCode) {
-      case KeyCode.SPACE:
-      case KeyCode.QUESTION_MARK:
-      case KeyCode.NUM_PLUS:
-      case KeyCode.NUM_MINUS:
-      case KeyCode.NUM_PERIOD:
-      case KeyCode.NUM_DIVISION:
-      case KeyCode.SEMICOLON:
-      case KeyCode.DASH:
-      case KeyCode.EQUALS:
-      case KeyCode.COMMA:
-      case KeyCode.PERIOD:
-      case KeyCode.SLASH:
-      case KeyCode.APOSTROPHE:
-      case KeyCode.SINGLE_QUOTE:
-      case KeyCode.OPEN_SQUARE_BRACKET:
-      case KeyCode.BACKSLASH:
-      case KeyCode.CLOSE_SQUARE_BRACKET:
-        return true;
-      default:
-        return false;
-    }
-  }
-};
-var KeyCode_default = KeyCode;