@flyanra/vue-core 0.4.0 → 0.4.2

package/src/styles/element/mixins/dialog.scss

@@ -1,101 +1,101 @@
-@mixin el-dialog-max-w-max-h {
-  --modal-padding-top: 30px;
-
-  .el-overlay-dialog {
-    .el-dialog {
-      --el-dialog-width: 90%;
-
-      height: calc(100% - var(--modal-padding-top));
-    }
-  }
-}
-
-@mixin el-dialog-max-h {
-  --modal-padding-top: 30px;
-
-  .el-overlay-dialog {
-    .el-dialog {
-      height: calc(100% - var(--modal-padding-top));
-    }
-  }
-}
-
-@mixin el-dialog-card-medium {
-  --modal-padding-top: 30px;
-
-  .el-overlay-dialog {
-    .el-dialog {
-      --el-dialog-width: 90%;
-
-      max-width: 500px;
-      height: auto;
-      max-height: calc(100% - var(--modal-padding-top));
-    }
-  }
-}
-
-@mixin el-dialog-card-large {
-  @include el-dialog-card-medium;
-
-  .el-overlay-dialog {
-    .el-dialog {
-      --el-dialog-width: 90%;
-
-      max-width: 900px;
-    }
-  }
-}
-
-@mixin el-dialog-allow-body-scroll {
-  .el-overlay-dialog {
-    .el-dialog {
-      &__body {
-        overflow: auto;
-      }
-    }
-  }
-}
-
-@mixin el-dialog-operation-details-style {
-  .el-overlay-dialog {
-    padding-top: var(--modal-padding-top);
-    .el-dialog {
-      margin: 0 auto;
-      overflow: hidden;
-      padding: 0;
-      display: flex;
-      flex-direction: column;
-      overflow: hidden;
-      &__header {
-        padding-bottom: 0;
-        flex-shrink: 0;
-        border-bottom: 1px solid var(--anra-border-color);
-      }
-      &__body {
-        flex-grow: 1;
-        overflow: hidden;
-
-        .app-scroll-effect {
-          &__scroll-box {
-            padding: 0.75rem 1rem;
-          }
-        }
-      }
-      &__footer {
-        padding: 0.75rem 1rem;
-        flex-shrink: 0;
-        border-top: 1px solid var(--anra-border-color);
-      }
-    }
-  }
-}
-
-@mixin el-dialog-hide-header {
-  .el-overlay-dialog {
-    .el-dialog {
-      &__header {
-        display: none;
-      }
-    }
-  }
-}
+@mixin el-dialog-max-w-max-h {
+  --modal-padding-top: 30px;
+
+  .el-overlay-dialog {
+    .el-dialog {
+      --el-dialog-width: 90%;
+
+      height: calc(100% - var(--modal-padding-top));
+    }
+  }
+}
+
+@mixin el-dialog-max-h {
+  --modal-padding-top: 30px;
+
+  .el-overlay-dialog {
+    .el-dialog {
+      height: calc(100% - var(--modal-padding-top));
+    }
+  }
+}
+
+@mixin el-dialog-card-medium {
+  --modal-padding-top: 30px;
+
+  .el-overlay-dialog {
+    .el-dialog {
+      --el-dialog-width: 90%;
+
+      max-width: 500px;
+      height: auto;
+      max-height: calc(100% - var(--modal-padding-top));
+    }
+  }
+}
+
+@mixin el-dialog-card-large {
+  @include el-dialog-card-medium;
+
+  .el-overlay-dialog {
+    .el-dialog {
+      --el-dialog-width: 90%;
+
+      max-width: 900px;
+    }
+  }
+}
+
+@mixin el-dialog-allow-body-scroll {
+  .el-overlay-dialog {
+    .el-dialog {
+      &__body {
+        overflow: auto;
+      }
+    }
+  }
+}
+
+@mixin el-dialog-operation-details-style {
+  .el-overlay-dialog {
+    padding-top: var(--modal-padding-top);
+    .el-dialog {
+      margin: 0 auto;
+      overflow: hidden;
+      padding: 0;
+      display: flex;
+      flex-direction: column;
+      overflow: hidden;
+      &__header {
+        padding-bottom: 0;
+        flex-shrink: 0;
+        border-bottom: 1px solid var(--anra-border-color);
+      }
+      &__body {
+        flex-grow: 1;
+        overflow: hidden;
+
+        .app-scroll-effect {
+          &__scroll-box {
+            padding: 0.75rem 1rem;
+          }
+        }
+      }
+      &__footer {
+        padding: 0.75rem 1rem;
+        flex-shrink: 0;
+        border-top: 1px solid var(--anra-border-color);
+      }
+    }
+  }
+}
+
+@mixin el-dialog-hide-header {
+  .el-overlay-dialog {
+    .el-dialog {
+      &__header {
+        display: none;
+      }
+    }
+  }
+}

package/src/styles/element/overrides/alerts.scss

@@ -1,28 +1,28 @@
-@use 'element-plus/theme-chalk/src/alert.scss' as *;
-
-@mixin alert-overrides {
-  &--error {
-    --el-color-error: var(--anra-state-error-lighter);
-    &.is-light {
-      --el-color-error: var(--anra-state-error-lighter);
-    }
-  }
-  &--warning {
-    &.is-dark {
-      --el-color-warning: var(--anra-state-warning-50);
-    }
-  }
-  &--info {
-    &.is-light {
-      --el-color-info: var(--anra-state-info-lighter);
-    }
-  }
-}
-
-.el-alert {
-  @include alert-overrides;
-
-  &__content {
-    flex-grow: 1;
-  }
-}
+@use 'element-plus/theme-chalk/src/alert.scss' as *;
+
+@mixin alert-overrides {
+  &--error {
+    --el-color-error: var(--anra-state-error-lighter);
+    &.is-light {
+      --el-color-error: var(--anra-state-error-lighter);
+    }
+  }
+  &--warning {
+    &.is-dark {
+      --el-color-warning: var(--anra-state-warning-50);
+    }
+  }
+  &--info {
+    &.is-light {
+      --el-color-info: var(--anra-state-info-lighter);
+    }
+  }
+}
+
+.el-alert {
+  @include alert-overrides;
+
+  &__content {
+    flex-grow: 1;
+  }
+}

package/src/styles/element/overrides/badge.scss

@@ -1,6 +1,6 @@
-@use 'element-plus/theme-chalk/src/badge.scss' as *;
-
-.el-badge__content.is-dot {
-  height: 12px;
-  width: 12px;
-}
+@use 'element-plus/theme-chalk/src/badge.scss' as *;
+
+.el-badge__content.is-dot {
+  height: 12px;
+  width: 12px;
+}

package/src/styles/element/overrides/cascader.scss

@@ -1,2 +1,2 @@
-@use 'element-plus/theme-chalk/src/cascader-panel.scss';
-@use 'element-plus/theme-chalk/src/cascader.scss';
+@use 'element-plus/theme-chalk/src/cascader-panel.scss';
+@use 'element-plus/theme-chalk/src/cascader.scss';

package/src/styles/element/overrides/collapse.scss

@@ -1,2 +1,2 @@
-@use 'element-plus/theme-chalk/src/collapse-item.scss';
-@use 'element-plus/theme-chalk/src/collapse.scss';
+@use 'element-plus/theme-chalk/src/collapse-item.scss';
+@use 'element-plus/theme-chalk/src/collapse.scss';

package/src/styles/element/overrides/date-time.scss

@@ -1,11 +1,11 @@
-@use 'element-plus/theme-chalk/src/input.scss';
-@use 'element-plus/theme-chalk/src/button.scss';
-@use 'element-plus/theme-chalk/src/icon.scss';
-
-@use 'element-plus/theme-chalk/src/date-picker.scss';
-@use 'element-plus/theme-chalk/src/date-picker-panel.scss';
-@use 'element-plus/theme-chalk/src/time-picker.scss';
-@use 'element-plus/theme-chalk/src/time-select.scss';
-
-@use 'element-plus/theme-chalk/src/popper.scss';
-@use 'element-plus/theme-chalk/src/scrollbar.scss';
+@use 'element-plus/theme-chalk/src/input.scss';
+@use 'element-plus/theme-chalk/src/button.scss';
+@use 'element-plus/theme-chalk/src/icon.scss';
+
+@use 'element-plus/theme-chalk/src/date-picker.scss';
+@use 'element-plus/theme-chalk/src/date-picker-panel.scss';
+@use 'element-plus/theme-chalk/src/time-picker.scss';
+@use 'element-plus/theme-chalk/src/time-select.scss';
+
+@use 'element-plus/theme-chalk/src/popper.scss';
+@use 'element-plus/theme-chalk/src/scrollbar.scss';

package/src/styles/element/overrides/dialog.scss

@@ -1,2 +1,2 @@
-@use 'element-plus/theme-chalk/src/dialog.scss' as *;
-@use 'element-plus/theme-chalk/src/overlay.scss' as *;
+@use 'element-plus/theme-chalk/src/dialog.scss' as *;
+@use 'element-plus/theme-chalk/src/overlay.scss' as *;

package/src/styles/element/overrides/dropdown.scss

@@ -1,11 +1,11 @@
-@use 'element-plus/theme-chalk/src/dropdown.scss' as *;
-@use 'element-plus/theme-chalk/src/dropdown-item.scss' as *;
-@use 'element-plus/theme-chalk/src/dropdown-menu.scss' as *;
-
-.el-dropdown-menu {
-  .el-dropdown-menu__item {
-    &--divided {
-      border-color: var(--anra-border-color);
-    }
-  }
-}
+@use 'element-plus/theme-chalk/src/dropdown.scss' as *;
+@use 'element-plus/theme-chalk/src/dropdown-item.scss' as *;
+@use 'element-plus/theme-chalk/src/dropdown-menu.scss' as *;
+
+.el-dropdown-menu {
+  .el-dropdown-menu__item {
+    &--divided {
+      border-color: var(--anra-border-color);
+    }
+  }
+}

package/src/styles/element/overrides/form.scss

@@ -1,105 +1,105 @@
-@use 'element-plus/theme-chalk/src/form.scss';
-@use 'element-plus/theme-chalk/src/form-item.scss';
-@use 'element-plus/theme-chalk/src/input.scss';
-@use 'element-plus/theme-chalk/src/input-number.scss';
-@use './select.scss';
-@use './radio.scss';
-@use 'element-plus/theme-chalk/src/checkbox.scss';
-@use './date-time.scss';
-@use 'element-plus/theme-chalk/src/switch.scss';
-
-.el-form-item {
-  &__error,
-  .el-form-item__label {
-    --el-color-danger: var(--anra-form-item-error-color);
-  }
-
-  &.hide-label {
-    .el-form-item__label {
-      display: none;
-    }
-  }
-
-  .el-form-item__content {
-    flex-direction: column;
-    align-items: start;
-
-    .el-form-item__error {
-      position: relative;
-    }
-  }
-
-  &.inline-form-item {
-    .el-form-item__label {
-      flex-grow: 1;
-    }
-    .el-form-item__content {
-      flex-basis: auto;
-      flex-grow: 0;
-      flex-shrink: 0;
-    }
-  }
-}
-
-.el-form-item.is-error .el-input__wrapper,
-.el-form-item.is-error .el-input__wrapper:hover,
-.el-form-item.is-error .el-input__wrapper:focus,
-.el-form-item.is-error .el-input__wrapper.is-focus,
-.el-form-item.is-error .el-textarea__inner,
-.el-form-item.is-error .el-textarea__inner:hover,
-.el-form-item.is-error .el-textarea__inner:focus,
-.el-form-item.is-error .el-textarea__inner.is-focus,
-.el-form-item.is-error .el-select__wrapper,
-.el-form-item.is-error .el-select__wrapper:hover,
-.el-form-item.is-error .el-select__wrapper:focus,
-.el-form-item.is-error .el-select__wrapper.is-focus,
-.el-form-item.is-error .el-input-tag__wrapper,
-.el-form-item.is-error .el-input-tag__wrapper:hover,
-.el-form-item.is-error .el-input-tag__wrapper:focus,
-.el-form-item.is-error .el-input-tag__wrapper.is-focus {
-  --el-color-danger: var(--anra-form-item-error-color);
-}
-
-.el-select__wrapper {
-  --el-fill-color-blank: var(--anra-bg-20);
-  --el-border-color: var(--anra-form-input-border);
-
-  &.is-disabled {
-    background-color: var(--anra-disabled-bg);
-  }
-}
-
-.el-input-tag {
-  &.el-input-tag__wrapper {
-    background-color: var(--anra-bg-20);
-  }
-  .el-input-tag__input {
-    background-color: var(--anra-bg-20);
-  }
-}
-
-.el-radio-group {
-  &.fill-available-space {
-    width: 100%;
-    display: flex;
-    .el-radio-button {
-      flex: 1;
-      &__inner {
-        width: 100%;
-      }
-    }
-  }
-}
-
-.el-input-number {
-  width: 100%;
-}
-
-.el-form-item.is-required:not(.is-no-asterisk).asterisk-left > .el-form-item__label:before,
-.el-form-item.is-required:not(.is-no-asterisk).asterisk-left
-  > .el-form-item__label-wrap
-  > .el-form-item__label:before {
-  font-size: 1rem;
-  line-height: 1px;
-  font-weight: bolder;
-}
+@use 'element-plus/theme-chalk/src/form.scss';
+@use 'element-plus/theme-chalk/src/form-item.scss';
+@use 'element-plus/theme-chalk/src/input.scss';
+@use 'element-plus/theme-chalk/src/input-number.scss';
+@use './select.scss';
+@use './radio.scss';
+@use 'element-plus/theme-chalk/src/checkbox.scss';
+@use './date-time.scss';
+@use 'element-plus/theme-chalk/src/switch.scss';
+
+.el-form-item {
+  &__error,
+  .el-form-item__label {
+    --el-color-danger: var(--anra-form-item-error-color);
+  }
+
+  &.hide-label {
+    .el-form-item__label {
+      display: none;
+    }
+  }
+
+  .el-form-item__content {
+    flex-direction: column;
+    align-items: start;
+
+    .el-form-item__error {
+      position: relative;
+    }
+  }
+
+  &.inline-form-item {
+    .el-form-item__label {
+      flex-grow: 1;
+    }
+    .el-form-item__content {
+      flex-basis: auto;
+      flex-grow: 0;
+      flex-shrink: 0;
+    }
+  }
+}
+
+.el-form-item.is-error .el-input__wrapper,
+.el-form-item.is-error .el-input__wrapper:hover,
+.el-form-item.is-error .el-input__wrapper:focus,
+.el-form-item.is-error .el-input__wrapper.is-focus,
+.el-form-item.is-error .el-textarea__inner,
+.el-form-item.is-error .el-textarea__inner:hover,
+.el-form-item.is-error .el-textarea__inner:focus,
+.el-form-item.is-error .el-textarea__inner.is-focus,
+.el-form-item.is-error .el-select__wrapper,
+.el-form-item.is-error .el-select__wrapper:hover,
+.el-form-item.is-error .el-select__wrapper:focus,
+.el-form-item.is-error .el-select__wrapper.is-focus,
+.el-form-item.is-error .el-input-tag__wrapper,
+.el-form-item.is-error .el-input-tag__wrapper:hover,
+.el-form-item.is-error .el-input-tag__wrapper:focus,
+.el-form-item.is-error .el-input-tag__wrapper.is-focus {
+  --el-color-danger: var(--anra-form-item-error-color);
+}
+
+.el-select__wrapper {
+  --el-fill-color-blank: var(--anra-bg-20);
+  --el-border-color: var(--anra-form-input-border);
+
+  &.is-disabled {
+    background-color: var(--anra-disabled-bg);
+  }
+}
+
+.el-input-tag {
+  &.el-input-tag__wrapper {
+    background-color: var(--anra-bg-20);
+  }
+  .el-input-tag__input {
+    background-color: var(--anra-bg-20);
+  }
+}
+
+.el-radio-group {
+  &.fill-available-space {
+    width: 100%;
+    display: flex;
+    .el-radio-button {
+      flex: 1;
+      &__inner {
+        width: 100%;
+      }
+    }
+  }
+}
+
+.el-input-number {
+  width: 100%;
+}
+
+.el-form-item.is-required:not(.is-no-asterisk).asterisk-left > .el-form-item__label:before,
+.el-form-item.is-required:not(.is-no-asterisk).asterisk-left
+  > .el-form-item__label-wrap
+  > .el-form-item__label:before {
+  font-size: 1rem;
+  line-height: 1px;
+  font-weight: bolder;
+}

package/src/styles/element/overrides/message-box.scss

@@ -1,2 +1,2 @@
-@use 'element-plus/theme-chalk/src/overlay.scss' as *;
-@use 'element-plus/theme-chalk/src/message-box.scss' as *;
+@use 'element-plus/theme-chalk/src/overlay.scss' as *;
+@use 'element-plus/theme-chalk/src/message-box.scss' as *;

package/src/styles/element/overrides/message.scss

@@ -1,39 +1,39 @@
-@use 'element-plus/theme-chalk/src/message.scss' as *;
-
-@mixin message-overrides {
-  &.el-message {
-    &.no-icon {
-      .el-message__icon {
-        display: none;
-      }
-    }
-    &.priority-notification {
-      width: 80%;
-      max-width: 700px;
-    }
-    &--success {
-      --el-message-text-color: var(--anra-white);
-    }
-    &--info {
-      --el-message-border-color: var(--anra-info-bg);
-      --el-message-text-color: var(--default-text-color);
-      --el-message-bg-color: var(--anra-info-bg);
-    }
-    &--error {
-      --el-message-border-color: var(--anra-state-error);
-      --el-message-text-color: var(--default-text-color);
-      --el-message-bg-color: var(--dynamic-dark);
-    }
-  }
-}
-
-.el-message {
-  @include message-overrides;
-}
-
-@media (max-width: 768px) {
-  .el-message {
-    top: 70px !important;
-    width: 80%;
-  }
-}
+@use 'element-plus/theme-chalk/src/message.scss' as *;
+
+@mixin message-overrides {
+  &.el-message {
+    &.no-icon {
+      .el-message__icon {
+        display: none;
+      }
+    }
+    &.priority-notification {
+      width: 80%;
+      max-width: 700px;
+    }
+    &--success {
+      --el-message-text-color: var(--anra-white);
+    }
+    &--info {
+      --el-message-border-color: var(--anra-info-bg);
+      --el-message-text-color: var(--default-text-color);
+      --el-message-bg-color: var(--anra-info-bg);
+    }
+    &--error {
+      --el-message-border-color: var(--anra-state-error);
+      --el-message-text-color: var(--default-text-color);
+      --el-message-bg-color: var(--dynamic-dark);
+    }
+  }
+}
+
+.el-message {
+  @include message-overrides;
+}
+
+@media (max-width: 768px) {
+  .el-message {
+    top: 70px !important;
+    width: 80%;
+  }
+}