@julingbase/jly-arco-design 0.0.2 → 0.0.3

package/es/list/style/index.less

@@ -1,183 +1,183 @@
-@import './token.less';
-
-@list-prefix-cls: ~'@{prefix}-list';
-
-.@{list-prefix-cls} {
-  display: flex;
-  flex-direction: column;
-  box-sizing: border-box;
-  width: 100%;
-  overflow-y: auto;
-  color: @list-color-text;
-  font-size: @list-font-size;
-  line-height: @list-line-height;
-  border-radius: @list-border-radius;
-
-  &-wrapper {
-    overflow: hidden;
-
-    .@{list-prefix-cls}-spin {
-      display: block;
-      height: 100%;
-      overflow: hidden;
-    }
-  }
-
-  &-content {
-    overflow: hidden;
-  }
-
-  .size(@size) {
-    &-@{size} {
-      @ref-padding-vertical-header: ~'list-size-@{size}-padding-vertical-header';
-      @ref-padding-horizontal-header: ~'list-size-@{size}-padding-horizontal-header';
-      @ref-padding-vertical-item: ~'list-size-@{size}-padding-vertical-item';
-      @ref-padding-horizontal-item: ~'list-size-@{size}-padding-horizontal-item';
-
-      .@{list-prefix-cls}-content-wrapper .@{list-prefix-cls}-header {
-        padding: @@ref-padding-vertical-header @@ref-padding-horizontal-header;
-      }
-
-      // 在存在列表嵌套的时候，通过 > 限定 size 仅对其直接子元素生效，避免影响被嵌套的列表的样式
-      .@{list-prefix-cls}-content-wrapper .@{list-prefix-cls}-footer,
-      .@{list-prefix-cls}-content-wrapper
-        .@{list-prefix-cls}-content
-        > .@{list-prefix-cls}-item,
-      .@{list-prefix-cls}-content-wrapper
-        .@{list-prefix-cls}-content
-        .@{list-prefix-cls}-col
-        > .@{list-prefix-cls}-item,
-      .@{list-prefix-cls}-content-wrapper
-        .@{list-prefix-cls}-content.@{list-prefix-cls}-virtual
-        .@{list-prefix-cls}-item {
-        padding: @@ref-padding-vertical-item @@ref-padding-horizontal-item;
-      }
-    }
-  }
-
-  .border() {
-    &-bordered {
-      border: @list-border-width solid @list-border-color;
-    }
-  }
-
-  .split() {
-    &-split &-header,
-    &-split &-item:not(:last-child) {
-      border-bottom: @list-border-width solid @list-border-color;
-    }
-
-    &-split &-footer {
-      border-top: @list-border-width solid @list-border-color;
-    }
-  }
-
-  .size(small);
-  .size(medium);
-  .size(large);
-  .border();
-  .split();
-
-  &-header {
-    color: @list-color-text-header;
-    font-weight: @list-font-weight-header;
-    font-size: @list-font-size-header;
-    line-height: @list-line-height-header;
-  }
-
-  &-item {
-    display: flex;
-    justify-content: space-between;
-    box-sizing: border-box;
-    width: 100%;
-    overflow: hidden;
-
-    &-main {
-      flex: 1;
-
-      .@{list-prefix-cls}-item-action:not(:first-child) {
-        margin-top: @list-action-margin-top;
-      }
-    }
-
-    &-meta {
-      display: flex;
-      align-items: center;
-      padding: @list-meta-padding-vertical @list-meta-padding-horizontal;
-
-      &-avatar {
-        display: flex;
-
-        &:not(:last-child) {
-          margin-right: @list-meta-margin-right-avatar;
-        }
-      }
-
-      &-title {
-        color: @list-meta-color-title;
-        font-weight: @list-meta-font-weight-title;
-
-        &:not(:last-child) {
-          margin-bottom: @list-meta-margin-bottom-title;
-        }
-      }
-
-      &-description {
-        color: @list-mete-color-description;
-      }
-    }
-
-    &-action {
-      display: flex;
-      flex-wrap: nowrap;
-      align-self: center;
-      margin: 0;
-      padding: 0;
-      list-style: none;
-
-      > li {
-        display: inline-block;
-        cursor: pointer;
-
-        &:not(:last-child) {
-          margin-right: @list-action-gap;
-        }
-      }
-    }
-  }
-
-  &-hover &-item:hover {
-    background-color: @list-color-bg-item-hover;
-  }
-
-  &-pagination {
-    float: right;
-    margin-top: @list-pagination-margin-top;
-
-    &::after {
-      display: block;
-      clear: both;
-      height: 0;
-      overflow: hidden;
-      visibility: hidden;
-      content: '';
-    }
-  }
-
-  &-scroll-loading {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-  }
-
-  &-content {
-    flex: auto;
-
-    .@{prefix}-empty {
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      height: 100%;
-    }
-  }
-}
+@import './token.less';
+
+@list-prefix-cls: ~'@{prefix}-list';
+
+.@{list-prefix-cls} {
+  display: flex;
+  flex-direction: column;
+  box-sizing: border-box;
+  width: 100%;
+  overflow-y: auto;
+  color: @list-color-text;
+  font-size: @list-font-size;
+  line-height: @list-line-height;
+  border-radius: @list-border-radius;
+
+  &-wrapper {
+    overflow: hidden;
+
+    .@{list-prefix-cls}-spin {
+      display: block;
+      height: 100%;
+      overflow: hidden;
+    }
+  }
+
+  &-content {
+    overflow: hidden;
+  }
+
+  .size(@size) {
+    &-@{size} {
+      @ref-padding-vertical-header: ~'list-size-@{size}-padding-vertical-header';
+      @ref-padding-horizontal-header: ~'list-size-@{size}-padding-horizontal-header';
+      @ref-padding-vertical-item: ~'list-size-@{size}-padding-vertical-item';
+      @ref-padding-horizontal-item: ~'list-size-@{size}-padding-horizontal-item';
+
+      .@{list-prefix-cls}-content-wrapper .@{list-prefix-cls}-header {
+        padding: @@ref-padding-vertical-header @@ref-padding-horizontal-header;
+      }
+
+      // 在存在列表嵌套的时候，通过 > 限定 size 仅对其直接子元素生效，避免影响被嵌套的列表的样式
+      .@{list-prefix-cls}-content-wrapper .@{list-prefix-cls}-footer,
+      .@{list-prefix-cls}-content-wrapper
+        .@{list-prefix-cls}-content
+        > .@{list-prefix-cls}-item,
+      .@{list-prefix-cls}-content-wrapper
+        .@{list-prefix-cls}-content
+        .@{list-prefix-cls}-col
+        > .@{list-prefix-cls}-item,
+      .@{list-prefix-cls}-content-wrapper
+        .@{list-prefix-cls}-content.@{list-prefix-cls}-virtual
+        .@{list-prefix-cls}-item {
+        padding: @@ref-padding-vertical-item @@ref-padding-horizontal-item;
+      }
+    }
+  }
+
+  .border() {
+    &-bordered {
+      border: @list-border-width solid @list-border-color;
+    }
+  }
+
+  .split() {
+    &-split &-header,
+    &-split &-item:not(:last-child) {
+      border-bottom: @list-border-width solid @list-border-color;
+    }
+
+    &-split &-footer {
+      border-top: @list-border-width solid @list-border-color;
+    }
+  }
+
+  .size(small);
+  .size(medium);
+  .size(large);
+  .border();
+  .split();
+
+  &-header {
+    color: @list-color-text-header;
+    font-weight: @list-font-weight-header;
+    font-size: @list-font-size-header;
+    line-height: @list-line-height-header;
+  }
+
+  &-item {
+    display: flex;
+    justify-content: space-between;
+    box-sizing: border-box;
+    width: 100%;
+    overflow: hidden;
+
+    &-main {
+      flex: 1;
+
+      .@{list-prefix-cls}-item-action:not(:first-child) {
+        margin-top: @list-action-margin-top;
+      }
+    }
+
+    &-meta {
+      display: flex;
+      align-items: center;
+      padding: @list-meta-padding-vertical @list-meta-padding-horizontal;
+
+      &-avatar {
+        display: flex;
+
+        &:not(:last-child) {
+          margin-right: @list-meta-margin-right-avatar;
+        }
+      }
+
+      &-title {
+        color: @list-meta-color-title;
+        font-weight: @list-meta-font-weight-title;
+
+        &:not(:last-child) {
+          margin-bottom: @list-meta-margin-bottom-title;
+        }
+      }
+
+      &-description {
+        color: @list-mete-color-description;
+      }
+    }
+
+    &-action {
+      display: flex;
+      flex-wrap: nowrap;
+      align-self: center;
+      margin: 0;
+      padding: 0;
+      list-style: none;
+
+      > li {
+        display: inline-block;
+        cursor: pointer;
+
+        &:not(:last-child) {
+          margin-right: @list-action-gap;
+        }
+      }
+    }
+  }
+
+  &-hover &-item:hover {
+    background-color: @list-color-bg-item-hover;
+  }
+
+  &-pagination {
+    float: right;
+    margin-top: @list-pagination-margin-top;
+
+    &::after {
+      display: block;
+      clear: both;
+      height: 0;
+      overflow: hidden;
+      visibility: hidden;
+      content: '';
+    }
+  }
+
+  &-scroll-loading {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+
+  &-content {
+    flex: auto;
+
+    .@{prefix}-empty {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      height: 100%;
+    }
+  }
+}

package/es/list/style/token.less

@@ -1,55 +1,55 @@
-@import '../../style/theme/index.less';
-
-@list-border-width: 1px;
-@list-border-color: var(~'@{arco-cssvars-prefix}-color-neutral-3');
-@list-border-radius: @radius-medium;
-
-@list-color-text: var(~'@{arco-cssvars-prefix}-color-text-1');
-@list-font-size: @font-size-body-3;
-@list-line-height: @line-height-base;
-
-@list-color-text-header: var(~'@{arco-cssvars-prefix}-color-text-1');
-@list-color-bg-item-hover: var(~'@{arco-cssvars-prefix}-color-fill-1');
-@list-font-size-header: @font-size-title-1;
-@list-font-weight-header: @font-weight-500;
-@list-line-height-header: 1.5;
-
-/**********************************************
- * size:  small / default / large
- **********************************************/
-@list-size-small-padding-vertical-header: @spacing-4;
-@list-size-small-padding-horizontal-header: @spacing-8;
-@list-size-small-padding-vertical-item: 9px;
-@list-size-small-padding-horizontal-item: @spacing-8;
-
-@list-size-default-padding-vertical-header: @spacing-6;
-@list-size-default-padding-horizontal-header: @spacing-8;
-@list-size-default-padding-vertical-item: 13px;
-@list-size-default-padding-horizontal-item: @spacing-8;
-
-@list-size-large-padding-vertical-header: @spacing-7;
-@list-size-large-padding-horizontal-header: @spacing-8;
-@list-size-large-padding-vertical-item: 17px;
-@list-size-large-padding-horizontal-item: @spacing-8;
-
-// meta
-@list-meta-font-weight-title: @font-weight-500;
-@list-meta-color-title: var(~'@{arco-cssvars-prefix}-color-text-1');
-@list-mete-color-description: var(~'@{arco-cssvars-prefix}-color-text-2');
-@list-meta-margin-right-avatar: @spacing-7;
-@list-meta-margin-bottom-title: @spacing-1;
-@list-meta-padding-horizontal: @spacing-none;
-@list-meta-padding-vertical: @spacing-2;
-
-// actions
-@list-action-gap: @spacing-8;
-@list-action-margin-top: @spacing-2;
-
-// pagination
-@list-pagination-margin-top: @spacing-9;
-
-// vue覆盖token
-@list-size-medium-padding-vertical-header: @list-size-default-padding-vertical-header;
-@list-size-medium-padding-horizontal-header: @list-size-default-padding-horizontal-header;
-@list-size-medium-padding-vertical-item: @list-size-default-padding-vertical-item;
-@list-size-medium-padding-horizontal-item: @list-size-default-padding-horizontal-item;
+@import '../../style/theme/index.less';
+
+@list-border-width: 1px;
+@list-border-color: var(~'@{arco-cssvars-prefix}-color-neutral-3');
+@list-border-radius: @radius-medium;
+
+@list-color-text: var(~'@{arco-cssvars-prefix}-color-text-1');
+@list-font-size: @font-size-body-3;
+@list-line-height: @line-height-base;
+
+@list-color-text-header: var(~'@{arco-cssvars-prefix}-color-text-1');
+@list-color-bg-item-hover: var(~'@{arco-cssvars-prefix}-color-fill-1');
+@list-font-size-header: @font-size-title-1;
+@list-font-weight-header: @font-weight-500;
+@list-line-height-header: 1.5;
+
+/**********************************************
+ * size:  small / default / large
+ **********************************************/
+@list-size-small-padding-vertical-header: @spacing-4;
+@list-size-small-padding-horizontal-header: @spacing-8;
+@list-size-small-padding-vertical-item: 9px;
+@list-size-small-padding-horizontal-item: @spacing-8;
+
+@list-size-default-padding-vertical-header: @spacing-6;
+@list-size-default-padding-horizontal-header: @spacing-8;
+@list-size-default-padding-vertical-item: 13px;
+@list-size-default-padding-horizontal-item: @spacing-8;
+
+@list-size-large-padding-vertical-header: @spacing-7;
+@list-size-large-padding-horizontal-header: @spacing-8;
+@list-size-large-padding-vertical-item: 17px;
+@list-size-large-padding-horizontal-item: @spacing-8;
+
+// meta
+@list-meta-font-weight-title: @font-weight-500;
+@list-meta-color-title: var(~'@{arco-cssvars-prefix}-color-text-1');
+@list-mete-color-description: var(~'@{arco-cssvars-prefix}-color-text-2');
+@list-meta-margin-right-avatar: @spacing-7;
+@list-meta-margin-bottom-title: @spacing-1;
+@list-meta-padding-horizontal: @spacing-none;
+@list-meta-padding-vertical: @spacing-2;
+
+// actions
+@list-action-gap: @spacing-8;
+@list-action-margin-top: @spacing-2;
+
+// pagination
+@list-pagination-margin-top: @spacing-9;
+
+// vue覆盖token
+@list-size-medium-padding-vertical-header: @list-size-default-padding-vertical-header;
+@list-size-medium-padding-horizontal-header: @list-size-default-padding-horizontal-header;
+@list-size-medium-padding-vertical-item: @list-size-default-padding-vertical-item;
+@list-size-medium-padding-horizontal-item: @list-size-default-padding-horizontal-item;

package/es/mention/index.d.ts

@@ -57,8 +57,8 @@ declare const Mention: {
     }, import("vue").PublicProps, {
         disabled: boolean;
         data: (string | number | import("..").SelectOptionData | import("..").SelectOptionGroup)[];
-        defaultValue: string;
         type: "textarea" | "input";
+        defaultValue: string;
         prefix: string | string[];
         allowClear: boolean;
         split: string;
@@ -116,8 +116,8 @@ declare const Mention: {
     }, {
         disabled: boolean;
         data: (string | number | import("..").SelectOptionData | import("..").SelectOptionGroup)[];
-        defaultValue: string;
         type: "textarea" | "input";
+        defaultValue: string;
         prefix: string | string[];
         allowClear: boolean;
         split: string;
@@ -180,8 +180,8 @@ declare const Mention: {
 }, string, {
     disabled: boolean;
     data: (string | number | import("..").SelectOptionData | import("..").SelectOptionGroup)[];
-    defaultValue: string;
     type: "textarea" | "input";
+    defaultValue: string;
     prefix: string | string[];
     allowClear: boolean;
     split: string;

package/es/mention/mention.d.ts

@@ -85,8 +85,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
 }>, {
     disabled: boolean;
     data: (string | number | SelectOptionData | SelectOptionGroup)[];
-    defaultValue: string;
     type: "textarea" | "input";
+    defaultValue: string;
     prefix: string | string[];
     allowClear: boolean;
     split: string;

package/es/mention/style/index.less

@@ -1,21 +1,21 @@
-@import './token.less';
-
-@mention-prefix-cls: ~'@{prefix}-mention';
-
-.@{mention-prefix-cls} {
-  position: relative;
-  display: inline-block;
-  box-sizing: border-box;
-  width: 100%;
-
-  &-measure {
-    position: absolute;
-    top: 0;
-    right: 0;
-    bottom: 0;
-    left: 0;
-    overflow: auto;
-    visibility: hidden;
-    pointer-events: none;
-  }
-}
+@import './token.less';
+
+@mention-prefix-cls: ~'@{prefix}-mention';
+
+.@{mention-prefix-cls} {
+  position: relative;
+  display: inline-block;
+  box-sizing: border-box;
+  width: 100%;
+
+  &-measure {
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    overflow: auto;
+    visibility: hidden;
+    pointer-events: none;
+  }
+}

package/es/mention/style/token.less

@@ -1,6 +1,6 @@
-@import '../../style/theme/index.less';
-
-@mentions-padding-horizontal: @spacing-6;
-@mentions-padding-vertical: @spacing-2;
-@mentions-font-size: @font-size-body-3;
-@mentions-line-height: @line-height-base;
+@import '../../style/theme/index.less';
+
+@mentions-padding-horizontal: @spacing-6;
+@mentions-padding-vertical: @spacing-2;
+@mentions-font-size: @font-size-body-3;
+@mentions-line-height: @line-height-base;