@julingbase/jly-arco-design 0.0.2 → 0.0.3

package/es/style/color/get-rgb-str.js

@@ -1,17 +1,17 @@
-// eslint-disable-next-line @typescript-eslint/no-var-requires
-const { getRgbStr } = require('@arco-design/color');
-
-module.exports = {
-  install(_, __, functions) {
-    functions.add('get-rgb-str', (color) => {
-      return getRgbStr(color.value);
-    });
-
-    functions.add('get-var-str', (color) => {
-      if (color.value.indexOf('rgb') === 0) {
-        return color.value.replace(/rgb\((.*)\)/, '$1');
-      }
-      return getRgbStr(color.value);
-    });
-  },
-};
+// eslint-disable-next-line @typescript-eslint/no-var-requires
+const { getRgbStr } = require('@arco-design/color');
+
+module.exports = {
+  install(_, __, functions) {
+    functions.add('get-rgb-str', (color) => {
+      return getRgbStr(color.value);
+    });
+
+    functions.add('get-var-str', (color) => {
+      if (color.value.indexOf('rgb') === 0) {
+        return color.value.replace(/rgb\((.*)\)/, '$1');
+      }
+      return getRgbStr(color.value);
+    });
+  },
+};

package/es/style/color/palette-dark.js

@@ -1,10 +1,10 @@
-// eslint-disable-next-line @typescript-eslint/no-var-requires
-const { generate } = require('@arco-design/color');
-
-module.exports = {
-  install(_, __, functions) {
-    functions.add('color-palette-dark', (color, index) => {
-      return generate(color.value, { index: index.value, dark: true });
-    });
-  },
-};
+// eslint-disable-next-line @typescript-eslint/no-var-requires
+const { generate } = require('@arco-design/color');
+
+module.exports = {
+  install(_, __, functions) {
+    functions.add('color-palette-dark', (color, index) => {
+      return generate(color.value, { index: index.value, dark: true });
+    });
+  },
+};

package/es/style/color/palette.js

@@ -1,10 +1,10 @@
-// eslint-disable-next-line @typescript-eslint/no-var-requires
-const { generate } = require('@arco-design/color');
-
-module.exports = {
-  install(_, __, functions) {
-    functions.add('color-palette', (color, index) => {
-      return generate(color.value, { index: index.value });
-    });
-  },
-};
+// eslint-disable-next-line @typescript-eslint/no-var-requires
+const { generate } = require('@arco-design/color');
+
+module.exports = {
+  install(_, __, functions) {
+    functions.add('color-palette', (color, index) => {
+      return generate(color.value, { index: index.value });
+    });
+  },
+};

package/es/style/icon.less

@@ -1,86 +1,86 @@
-@import './theme/index.less';
-
-.@{prefix}-icon {
-  display: inline-block;
-  width: 1em;
-  height: 1em;
-  color: inherit;
-  font-style: normal;
-  vertical-align: -2px;
-  outline: none;
-  stroke: currentColor;
-}
-
-.@{prefix}-icon-loading,
-.@{prefix}-icon-spin {
-  animation: ~'@{prefix}-loading-circle' @transition-duration-loading infinite @transition-timing-function-linear;
-}
-
-@keyframes ~'@{prefix}-loading-circle' {
-  0% {
-    transform: rotate(0);
-  }
-
-  100% {
-    transform: rotate(360deg);
-  }
-}
-
-.@{prefix}-icon-hover {
-  position: relative;
-  display: inline-block;
-  cursor: pointer;
-
-  .@{prefix}-icon {
-    position: relative;
-  }
-
-  &::before {
-    position: absolute;
-    display: block;
-    box-sizing: border-box;
-    background-color: @color-transparent;
-    border-radius: @icon-hover-border-radius;
-    transition: background-color @transition-duration-1
-      @transition-timing-function-linear;
-    content: '';
-  }
-
-  &:hover::before {
-    background-color: @icon-hover-color-bg;
-  }
-
-  &.@{prefix}-icon-hover-disabled::before {
-    opacity: 0;
-  }
-
-  .size(@icon-size, @icon-bg-height) {
-    line-height: @icon-size;
-
-    &::before {
-      top: 50%;
-      left: 50%;
-      width: @icon-bg-height;
-      height: @icon-bg-height;
-      transform: translate(-50%, -50%);
-    }
-  }
-
-  .size(@icon-hover-size-default-icon, @icon-hover-size-default-height);
-
-  &-size-mini {
-    .size(@icon-hover-size-mini-icon, @icon-hover-size-mini-height);
-  }
-
-  &-size-small {
-    .size(@icon-hover-size-small-icon, @icon-hover-size-small-height);
-  }
-
-  &-size-large {
-    .size(@icon-hover-size-large-icon, @icon-hover-size-large-height);
-  }
-
-  &-size-huge {
-    .size(@icon-hover-size-huge-icon, @icon-hover-size-huge-height);
-  }
-}
+@import './theme/index.less';
+
+.@{prefix}-icon {
+  display: inline-block;
+  width: 1em;
+  height: 1em;
+  color: inherit;
+  font-style: normal;
+  vertical-align: -2px;
+  outline: none;
+  stroke: currentColor;
+}
+
+.@{prefix}-icon-loading,
+.@{prefix}-icon-spin {
+  animation: ~'@{prefix}-loading-circle' @transition-duration-loading infinite @transition-timing-function-linear;
+}
+
+@keyframes ~'@{prefix}-loading-circle' {
+  0% {
+    transform: rotate(0);
+  }
+
+  100% {
+    transform: rotate(360deg);
+  }
+}
+
+.@{prefix}-icon-hover {
+  position: relative;
+  display: inline-block;
+  cursor: pointer;
+
+  .@{prefix}-icon {
+    position: relative;
+  }
+
+  &::before {
+    position: absolute;
+    display: block;
+    box-sizing: border-box;
+    background-color: @color-transparent;
+    border-radius: @icon-hover-border-radius;
+    transition: background-color @transition-duration-1
+      @transition-timing-function-linear;
+    content: '';
+  }
+
+  &:hover::before {
+    background-color: @icon-hover-color-bg;
+  }
+
+  &.@{prefix}-icon-hover-disabled::before {
+    opacity: 0;
+  }
+
+  .size(@icon-size, @icon-bg-height) {
+    line-height: @icon-size;
+
+    &::before {
+      top: 50%;
+      left: 50%;
+      width: @icon-bg-height;
+      height: @icon-bg-height;
+      transform: translate(-50%, -50%);
+    }
+  }
+
+  .size(@icon-hover-size-default-icon, @icon-hover-size-default-height);
+
+  &-size-mini {
+    .size(@icon-hover-size-mini-icon, @icon-hover-size-mini-height);
+  }
+
+  &-size-small {
+    .size(@icon-hover-size-small-icon, @icon-hover-size-small-height);
+  }
+
+  &-size-large {
+    .size(@icon-hover-size-large-icon, @icon-hover-size-large-height);
+  }
+
+  &-size-huge {
+    .size(@icon-hover-size-huge-icon, @icon-hover-size-huge-height);
+  }
+}

package/es/style/index.less

@@ -1,11 +1,11 @@
-@import './normalize.less';
-@import './icon.less';
-@import './animation/index.less';
-@import './theme/index.less';
-@import './theme/css-variables.less';
-
-body {
-  font-size: @font-size-body;
-  font-family: @font-family;
-
-}
+@import './normalize.less';
+@import './icon.less';
+@import './animation/index.less';
+@import './theme/index.less';
+@import './theme/css-variables.less';
+
+body {
+  font-size: @font-size-body;
+  font-family: @font-family;
+
+}

package/es/style/mixins/icon-hover.less

@@ -1,14 +1,14 @@
-@import '../theme/index.less';
-
-.icon-hover(@prefixCls, @inner-height, @bg-height) {
-  .@{prefix}-icon-hover.@{prefixCls}-icon-hover::before {
-    width: @bg-height;
-    height: @bg-height;
-  }
-}
-
-.icon-hover-bg(@prefixCls, @background-color-hover) {
-  .@{prefix}-icon-hover.@{prefixCls}-icon-hover:hover::before {
-    background-color: @background-color-hover;
-  }
-}
+@import '../theme/index.less';
+
+.icon-hover(@prefixCls, @inner-height, @bg-height) {
+  .@{prefix}-icon-hover.@{prefixCls}-icon-hover::before {
+    width: @bg-height;
+    height: @bg-height;
+  }
+}
+
+.icon-hover-bg(@prefixCls, @background-color-hover) {
+  .@{prefix}-icon-hover.@{prefixCls}-icon-hover:hover::before {
+    background-color: @background-color-hover;
+  }
+}

package/es/style/mixins/index.less

@@ -1,13 +1,13 @@
-@import './icon-hover.less';
-
-.fixed-width(@width) {
-  width: @width;
-  min-width: @width;
-  max-width: @width;
-}
-
-.text-ellipsis() {
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-}
+@import './icon-hover.less';
+
+.fixed-width(@width) {
+  width: @width;
+  min-width: @width;
+  max-width: @width;
+}
+
+.text-ellipsis() {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}