quill-table-up 3.1.2 → 3.2.1

package/src/style/index.less

@@ -1,120 +1,120 @@
-.ql-toolbar {
-  .ql-picker:not(.ql-color-picker):not(.ql-icon-picker).ql-table-up {
-    width: 28px;
-    .ql-picker-label {
-      padding: 2px 4px;
-      svg {
-        position: static;
-        margin-top: 0;
-      }
-    }
-  }
-  .ql-picker.ql-expanded .ql-picker-options {
-    z-index: 1;
-  }
-}
-
-.ql-editor {
-  .ql {
-    &-table {
-      display: table;
-      border-collapse: collapse;
-      table-layout: fixed;
-      width: auto;
-      &[data-full] {
-        width: 100%;
-      }
-      &-wrapper {
-        width: 100%;
-        overflow: auto;
-      }
-      &-caption {
-        position: relative;
-        word-break: break-word;
-        outline: none;
-        .ql-table-caption--switch {
-          display: flex;
-          align-items: center;
-          justify-content: center;
-          padding: 2px;
-          border-radius: 4px;
-          border: 1px solid #0003;
-          font-size: 12px;
-          cursor: pointer;
-          background-color: #ffffff;
-          &:hover {
-            background-color: #eeeeee;
-          }
-        }
-      }
-      &-cell {
-        padding: 8px 12px;
-        border-color: transparent;
-        font-size: 14px;
-        outline: none;
-        overflow: auto;
-        &-inner {
-          display: inline-block;
-          min-width: 100%;
-          word-break: break-word;
-          outline: none;
-          counter-reset: list-0;
-        }
-      }
-      col {
-        border-collapse: separate;
-        text-indent: initial;
-        display: table-column;
-        table-layout: fixed;
-      }
-      tr + tr {
-        td,
-        th {
-          border-top: none;
-        }
-      }
-      td,
-      th {
-        border: 1px solid #a1a1aa;
-        & + td,
-        & + th {
-          border-left: none;
-        }
-      }
-    }
-  }
-}
-
-.@{namespace} {
-  &-toolbox {
-    position: absolute;
-    top: 0px;
-    left: 0px;
-    width: 100%;
-    height: 100%;
-    overflow: hidden;
-    pointer-events: none;
-    * {
-      pointer-events: all;
-    }
-  }
-}
-
-@import './tooltip.less';
-@import './dialog.less';
-@import './color-picker.less';
-
-.@{namespace}-tooltip {
-  .@{namespace}-color-picker {
-    .setCssVar(color-picker-bg-color, transparent);
-    box-shadow: none;
-    width: 252px;
-    padding: 8px 0px;
-  }
-}
-
-@import './table-selection.less';
-@import './table-resize.less';
-@import './table-resize-scale.less';
-@import './table-scrollbar.less';
-@import './table-menu.less';
+.ql-toolbar {
+  .ql-picker:not(.ql-color-picker):not(.ql-icon-picker).ql-table-up {
+    width: 28px;
+    .ql-picker-label {
+      padding: 2px 4px;
+      svg {
+        position: static;
+        margin-top: 0;
+      }
+    }
+  }
+  .ql-picker.ql-expanded .ql-picker-options {
+    z-index: 1;
+  }
+}
+
+.ql-editor {
+  .ql {
+    &-table {
+      display: table;
+      border-collapse: collapse;
+      table-layout: fixed;
+      width: auto;
+      &[data-full] {
+        width: 100%;
+      }
+      &-wrapper {
+        width: 100%;
+        overflow: auto;
+      }
+      &-caption {
+        position: relative;
+        word-break: break-word;
+        outline: none;
+        .ql-table-caption--switch {
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          padding: 2px;
+          border-radius: 4px;
+          border: 1px solid #0003;
+          font-size: 12px;
+          cursor: pointer;
+          background-color: #ffffff;
+          &:hover {
+            background-color: #eeeeee;
+          }
+        }
+      }
+      &-cell {
+        padding: 8px 12px;
+        border-color: transparent;
+        font-size: 14px;
+        outline: none;
+        overflow: auto;
+        &-inner {
+          display: inline-block;
+          min-width: 100%;
+          word-break: break-word;
+          outline: none;
+          counter-reset: list-0;
+        }
+      }
+      col {
+        border-collapse: separate;
+        text-indent: initial;
+        display: table-column;
+        table-layout: fixed;
+      }
+      tr + tr {
+        td,
+        th {
+          border-top: none;
+        }
+      }
+      td,
+      th {
+        border: 1px solid #a1a1aa;
+        & + td,
+        & + th {
+          border-left: none;
+        }
+      }
+    }
+  }
+}
+
+.@{namespace} {
+  &-toolbox {
+    position: absolute;
+    top: 0px;
+    left: 0px;
+    width: 100%;
+    height: 100%;
+    overflow: hidden;
+    pointer-events: none;
+    * {
+      pointer-events: all;
+    }
+  }
+}
+
+@import './tooltip.less';
+@import './dialog.less';
+@import './color-picker.less';
+
+.@{namespace}-tooltip {
+  .@{namespace}-color-picker {
+    .setCssVar(color-picker-bg-color, transparent);
+    box-shadow: none;
+    width: 252px;
+    padding: 8px 0px;
+  }
+}
+
+@import './table-selection.less';
+@import './table-resize.less';
+@import './table-resize-scale.less';
+@import './table-scrollbar.less';
+@import './table-menu.less';

package/src/style/input.less

@@ -1,64 +1,64 @@
-@import './variables.less';
-@import './functions.less';
-
-.@{namespace}-input {
-  &__item {
-    .setCssVar(input-height,  32px);
-    .setCssVar(input-inner-height,  calc(.getCssVar(input-height) [] - 2px));
-    .setCssVar(input-color-text,  #606266);
-    .setCssVar(input-color-boxshaow,  #dcdfe6);
-    .setCssVar(input-color-focus,  #409eff);
-    .setCssVar(input-color-error,  #f56c6c);
-    .setCssVar(input-boxshaow,  0 0 0 1px .getCssVar(input-color-boxshaow) [] inset);
-    .setCssVar(input-boxshaow-focus,  0 0 0 1px .getCssVar(input-color-focus) [] inset);
-    .setCssVar(input-boxshaow-error,  0 0 0 1px .getCssVar(input-color-error) [] inset);
-
-    display: flex;
-    align-items: center;
-    & + & {
-      margin-top: 18px;
-    }
-  }
-  &__label {
-    width: 80px;
-    flex-shrink: 0;
-  }
-  &__input {
-    box-sizing: border-box;
-    position: relative;
-    display: flex;
-    flex-wrap: wrap;
-    width: 100%;
-    height: .getCssVar(input-height) [];
-    line-height: .getCssVar(input-height) [];
-    padding: 1px 8px;
-    border-radius: 4px;
-    box-shadow: .getCssVar(input-boxshaow) [];
-    transition: box-shadow 0.2s linear;
-    &.focus {
-      box-shadow: .getCssVar(input-boxshaow-focus) [];
-    }
-    input {
-      width: 100%;
-      height: .getCssVar(input-inner-height) [];
-      line-height: .getCssVar(input-inner-height) [];
-      flex-grow: 1;
-      font-size: 14px;
-      color: .getCssVar(input-color-text) [];
-      outline: none;
-      border: 0;
-      padding: 0;
-    }
-    &.error {
-      box-shadow: .getCssVar(input-boxshaow-error) [];
-    }
-  }
-  &__error-tip {
-    position: absolute;
-    top: 100%;
-    left: 0;
-    font-size: 12px;
-    color: .getCssVar(input-color-error) [];
-    line-height: 16px;
-  }
-}
+@import './variables.less';
+@import './functions.less';
+
+.@{namespace}-input {
+  &__item {
+    .setCssVar(input-height,  32px);
+    .setCssVar(input-inner-height,  calc(.getCssVar(input-height) [] - 2px));
+    .setCssVar(input-color-text,  #606266);
+    .setCssVar(input-color-boxshaow,  #dcdfe6);
+    .setCssVar(input-color-focus,  #409eff);
+    .setCssVar(input-color-error,  #f56c6c);
+    .setCssVar(input-boxshaow,  0 0 0 1px .getCssVar(input-color-boxshaow) [] inset);
+    .setCssVar(input-boxshaow-focus,  0 0 0 1px .getCssVar(input-color-focus) [] inset);
+    .setCssVar(input-boxshaow-error,  0 0 0 1px .getCssVar(input-color-error) [] inset);
+
+    display: flex;
+    align-items: center;
+    & + & {
+      margin-top: 18px;
+    }
+  }
+  &__label {
+    width: 80px;
+    flex-shrink: 0;
+  }
+  &__input {
+    box-sizing: border-box;
+    position: relative;
+    display: flex;
+    flex-wrap: wrap;
+    width: 100%;
+    height: .getCssVar(input-height) [];
+    line-height: .getCssVar(input-height) [];
+    padding: 1px 8px;
+    border-radius: 4px;
+    box-shadow: .getCssVar(input-boxshaow) [];
+    transition: box-shadow 0.2s linear;
+    &.focus {
+      box-shadow: .getCssVar(input-boxshaow-focus) [];
+    }
+    input {
+      width: 100%;
+      height: .getCssVar(input-inner-height) [];
+      line-height: .getCssVar(input-inner-height) [];
+      flex-grow: 1;
+      font-size: 14px;
+      color: .getCssVar(input-color-text) [];
+      outline: none;
+      border: 0;
+      padding: 0;
+    }
+    &.error {
+      box-shadow: .getCssVar(input-boxshaow-error) [];
+    }
+  }
+  &__error-tip {
+    position: absolute;
+    top: 100%;
+    left: 0;
+    font-size: 12px;
+    color: .getCssVar(input-color-error) [];
+    line-height: 16px;
+  }
+}

package/src/style/select-box.less

@@ -1,52 +1,52 @@
-@import './variables.less';
-@import './functions.less';
-
-.ql-snow {
-  .@{namespace}-select-box {
-    .setCssVar(select-box-color-bg-hover, rgb(245, 245, 245));
-    .setCssVar(select-box-color-bg-active, rgb(224, 242, 254));
-    .setCssVar(select-box-custom-color-text, rgb(13, 13, 13));
-    .setCssVar(select-box-custom-color-bg, transparent);
-    .setCssVar(select-box-custom-color-bg-hover, rgb(235, 235, 235));
-  }
-}
-.@{namespace}-select-box {
-  .setCssVar(select-box-color-border, #e5e7eb);
-  .setCssVar(select-box-border,  1px solid .getCssVar(select-box-color-border) []);
-  .setCssVar(select-box-color-active, rgb(14, 165, 233));
-  .setCssVar(select-box-color-bg-hover, rgb(245, 245, 245));
-  .setCssVar(select-box-color-bg-active, transparent);
-  .setCssVar(select-box-custom-color-text, rgb(245, 245, 245));
-  .setCssVar(select-box-custom-color-bg, transparent);
-  .setCssVar(select-box-custom-color-bg-hover, rgb(44, 44, 44));
-
-  &__block {
-    display: flex;
-    width: 160px;
-    flex-wrap: wrap;
-    align-items: center;
-    justify-content: center;
-  }
-  &__item {
-    margin: 2px;
-    height: 16px;
-    width: 16px;
-    border: .getCssVar(select-box-border) [];
-    cursor: pointer;
-    &.active {
-      border-color: .getCssVar(select-box-color-active) [];
-      background-color: .getCssVar(select-box-color-bg-active) [];
-    }
-  }
-  &__custom {
-    padding: 8px;
-    color: .getCssVar(select-box-custom-color-text) [];
-    background-color: .getCssVar(select-box-custom-color-bg) [];
-    font-size: 16px;
-    text-align: center;
-    cursor: pointer;
-    &:hover {
-      background-color: .getCssVar(select-box-custom-color-bg-hover) [];
-    }
-  }
-}
+@import './variables.less';
+@import './functions.less';
+
+.ql-snow {
+  .@{namespace}-select-box {
+    .setCssVar(select-box-color-bg-hover, rgb(245, 245, 245));
+    .setCssVar(select-box-color-bg-active, rgb(224, 242, 254));
+    .setCssVar(select-box-custom-color-text, rgb(13, 13, 13));
+    .setCssVar(select-box-custom-color-bg, transparent);
+    .setCssVar(select-box-custom-color-bg-hover, rgb(235, 235, 235));
+  }
+}
+.@{namespace}-select-box {
+  .setCssVar(select-box-color-border, #e5e7eb);
+  .setCssVar(select-box-border,  1px solid .getCssVar(select-box-color-border) []);
+  .setCssVar(select-box-color-active, rgb(14, 165, 233));
+  .setCssVar(select-box-color-bg-hover, rgb(245, 245, 245));
+  .setCssVar(select-box-color-bg-active, transparent);
+  .setCssVar(select-box-custom-color-text, rgb(245, 245, 245));
+  .setCssVar(select-box-custom-color-bg, transparent);
+  .setCssVar(select-box-custom-color-bg-hover, rgb(44, 44, 44));
+
+  &__block {
+    display: flex;
+    width: 160px;
+    flex-wrap: wrap;
+    align-items: center;
+    justify-content: center;
+  }
+  &__item {
+    margin: 2px;
+    height: 16px;
+    width: 16px;
+    border: .getCssVar(select-box-border) [];
+    cursor: pointer;
+    &.active {
+      border-color: .getCssVar(select-box-color-active) [];
+      background-color: .getCssVar(select-box-color-bg-active) [];
+    }
+  }
+  &__custom {
+    padding: 8px;
+    color: .getCssVar(select-box-custom-color-text) [];
+    background-color: .getCssVar(select-box-custom-color-bg) [];
+    font-size: 16px;
+    text-align: center;
+    cursor: pointer;
+    &:hover {
+      background-color: .getCssVar(select-box-custom-color-bg-hover) [];
+    }
+  }
+}

package/src/style/table-creator.less

@@ -1,56 +1,56 @@
-@import './variables.less';
-@import './functions.less';
-@import './input.less';
-@import './select-box.less';
-
-.@{namespace}-creator {
-  padding: 24px;
-  &__input {
-    display: flex;
-    flex-direction: column;
-    width: 100%;
-  }
-  &__control {
-    margin-top: 16px;
-    text-align: right;
-  }
-  &__checkbox {
-    .setCssVar(check-color, #212121);
-    .setCssVar(checked-color, #506eec);
-
-    display: flex;
-    align-items: center;
-    margin-top: 4px;
-    cursor: pointer;
-    font-size: 12px;
-    user-select: none;
-    input {
-      appearance: none;
-      width: 18px;
-      height: 18px;
-      border: 1px solid .getCssVar(check-color) [];
-      border-radius: 5px;
-      background-color: transparent;
-      display: inline-block;
-      position: relative;
-      margin-right: 10px;
-      cursor: pointer;
-      &:before {
-        content: '';
-        background-color: .getCssVar(checked-color) [];
-        display: block;
-        position: absolute;
-        top: 50%;
-        left: 50%;
-        transform: translate(-50%, -50%) scale(0);
-        width: 10px;
-        height: 10px;
-        border-radius: 3px;
-        transition: all 0.2s ease-in-out;
-      }
-      &:checked:before {
-        transform: translate(-50%, -50%) scale(1);
-      }
-    }
-  }
-}
+@import './variables.less';
+@import './functions.less';
+@import './input.less';
+@import './select-box.less';
+
+.@{namespace}-creator {
+  padding: 24px;
+  &__input {
+    display: flex;
+    flex-direction: column;
+    width: 100%;
+  }
+  &__control {
+    margin-top: 16px;
+    text-align: right;
+  }
+  &__checkbox {
+    .setCssVar(check-color, #212121);
+    .setCssVar(checked-color, #506eec);
+
+    display: flex;
+    align-items: center;
+    margin-top: 4px;
+    cursor: pointer;
+    font-size: 12px;
+    user-select: none;
+    input {
+      appearance: none;
+      width: 18px;
+      height: 18px;
+      border: 1px solid .getCssVar(check-color) [];
+      border-radius: 5px;
+      background-color: transparent;
+      display: inline-block;
+      position: relative;
+      margin-right: 10px;
+      cursor: pointer;
+      &:before {
+        content: '';
+        background-color: .getCssVar(checked-color) [];
+        display: block;
+        position: absolute;
+        top: 50%;
+        left: 50%;
+        transform: translate(-50%, -50%) scale(0);
+        width: 10px;
+        height: 10px;
+        border-radius: 3px;
+        transition: all 0.2s ease-in-out;
+      }
+      &:checked:before {
+        transform: translate(-50%, -50%) scale(1);
+      }
+    }
+  }
+}