@julingbase/jly-arco-design 0.0.2 → 0.0.3

package/es/dropdown/index.d.ts

@@ -27,7 +27,11 @@ declare const Dropdown: {
             type: import("vue").PropType<string | HTMLElement>;
         };
         popupMaxHeight: {
-            type: (BooleanConstructor | NumberConstructor)[];
+            type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
+            default: boolean;
+        };
+        popupMinHeight: {
+            type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
             default: boolean;
         };
         hideOnSelect: {
@@ -55,7 +59,8 @@ declare const Dropdown: {
         defaultPopupVisible: boolean;
         trigger: "hover" | "click" | "focus" | "contextMenu" | ("hover" | "click" | "focus" | "contextMenu")[];
         position: import("./interface").DropdownPosition;
-        popupMaxHeight: number | boolean;
+        popupMaxHeight: string | number | boolean;
+        popupMinHeight: string | number | boolean;
         hideOnSelect: boolean;
         triggerAutoFixPosition: boolean;
     }, true, {}, {}, {
@@ -1053,7 +1058,11 @@ declare const Dropdown: {
             type: import("vue").PropType<string | HTMLElement>;
         };
         popupMaxHeight: {
-            type: (BooleanConstructor | NumberConstructor)[];
+            type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
+            default: boolean;
+        };
+        popupMinHeight: {
+            type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
             default: boolean;
         };
         hideOnSelect: {
@@ -1077,7 +1086,8 @@ declare const Dropdown: {
         defaultPopupVisible: boolean;
         trigger: "hover" | "click" | "focus" | "contextMenu" | ("hover" | "click" | "focus" | "contextMenu")[];
         position: import("./interface").DropdownPosition;
-        popupMaxHeight: number | boolean;
+        popupMaxHeight: string | number | boolean;
+        popupMinHeight: string | number | boolean;
         hideOnSelect: boolean;
         triggerAutoFixPosition: boolean;
     }>;
@@ -1105,7 +1115,11 @@ declare const Dropdown: {
         type: import("vue").PropType<string | HTMLElement>;
     };
     popupMaxHeight: {
-        type: (BooleanConstructor | NumberConstructor)[];
+        type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
+        default: boolean;
+    };
+    popupMinHeight: {
+        type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
         default: boolean;
     };
     hideOnSelect: {
@@ -1133,7 +1147,8 @@ declare const Dropdown: {
     defaultPopupVisible: boolean;
     trigger: "hover" | "click" | "focus" | "contextMenu" | ("hover" | "click" | "focus" | "contextMenu")[];
     position: import("./interface").DropdownPosition;
-    popupMaxHeight: number | boolean;
+    popupMaxHeight: string | number | boolean;
+    popupMinHeight: string | number | boolean;
     hideOnSelect: boolean;
     triggerAutoFixPosition: boolean;
 }, {}, string, {}, {
@@ -3583,7 +3598,11 @@ declare const Dropdown: {
                 type: import("vue").PropType<string | HTMLElement>;
             };
             popupMaxHeight: {
-                type: (BooleanConstructor | NumberConstructor)[];
+                type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
+                default: boolean;
+            };
+            popupMinHeight: {
+                type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
                 default: boolean;
             };
             hideOnSelect: {
@@ -3623,7 +3642,11 @@ declare const Dropdown: {
                 type: import("vue").PropType<string | HTMLElement>;
             };
             popupMaxHeight: {
-                type: (BooleanConstructor | NumberConstructor)[];
+                type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
+                default: boolean;
+            };
+            popupMinHeight: {
+                type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
                 default: boolean;
             };
             hideOnSelect: {
@@ -3643,7 +3666,8 @@ declare const Dropdown: {
             defaultPopupVisible: boolean;
             trigger: "hover" | "click" | "focus" | "contextMenu" | ("hover" | "click" | "focus" | "contextMenu")[];
             position: import("./interface").DropdownPosition;
-            popupMaxHeight: number | boolean;
+            popupMaxHeight: string | number | boolean;
+            popupMinHeight: string | number | boolean;
             hideOnSelect: boolean;
             triggerAutoFixPosition: boolean;
         }, {}, {

package/es/dropdown/style/index.less

@@ -1,106 +1,106 @@
-@import '../../style/mixins/index.less';
-@import './token.less';
-
-@dropdown-prefix-cls: ~'@{prefix}-dropdown';
-
-.@{dropdown-prefix-cls} {
-  box-sizing: border-box;
-  padding: @dropdown-padding-vertical 0;
-  background-color: @dropdown-color-bg;
-  border: 1px solid @dropdown-color-border;
-  border-radius: @dropdown-border-radius;
-  box-shadow: @dropdown-box-shadow;
-
-  &-list {
-    margin-top: 0;
-    margin-bottom: 0;
-    padding-left: 0;
-    list-style: none;
-
-    &-wrapper {
-      max-height: @dropdown-max-height;
-      overflow-y: auto;
-    }
-  }
-
-  &-option {
-    position: relative;
-    // 避免 Trigger 的小箭头位于其上方
-    z-index: 1;
-    display: flex;
-    align-items: center;
-    box-sizing: border-box;
-    width: 100%;
-    padding: 0 @dropdown-option-padding-horizontal;
-
-    // default
-    color: @dropdown-option-color-text_default;
-    font-size: @dropdown-font-size;
-    line-height: @dropdown-option-height;
-    text-align: left;
-    background-color: @dropdown-option-color-bg_default;
-    cursor: pointer;
-
-    &-content {
-      .text-ellipsis();
-    }
-
-    &-has-suffix {
-      justify-content: space-between;
-    }
-
-    // hover
-    &-active,
-    &:not(&-disabled):hover {
-      color: @dropdown-option-color-text_hover;
-      background-color: @dropdown-option-color-bg_hover;
-      transition: all @transition-duration-1 @transition-timing-function-linear;
-    }
-
-    // disabled
-    &-disabled {
-      color: @dropdown-option-color-text_disabled;
-      background-color: @dropdown-option-color-bg_disabled;
-      cursor: not-allowed;
-    }
-
-    &-icon {
-      display: inline-flex;
-      margin-right: 8px;
-    }
-
-    &-suffix {
-      margin-left: @dropdown-margin-left-suffix-icon;
-    }
-  }
-
-  &-group {
-    &:first-child &-title {
-      margin-top: @dropdown-group-title-margin-top;
-    }
-
-    &-title {
-      box-sizing: border-box;
-      width: 100%;
-      margin-top: @dropdown-group-title-margin-top;
-      padding: 0 @dropdown-group-title-padding-horizontal;
-      color: @dropdown-group-title-color-text;
-      font-size: @dropdown-group-title-font-size;
-      line-height: @dropdown-group-title-height;
-      cursor: default;
-      .text-ellipsis();
-    }
-  }
-
-  &-submenu {
-    margin-top: -@dropdown-padding-vertical;
-  }
-
-  &&-has-footer {
-    padding-bottom: 0;
-  }
-
-  &-footer {
-    border-top: 1px solid @dropdown-color-border;
-  }
-}
+@import '../../style/mixins/index.less';
+@import './token.less';
+
+@dropdown-prefix-cls: ~'@{prefix}-dropdown';
+
+.@{dropdown-prefix-cls} {
+  box-sizing: border-box;
+  padding: @dropdown-padding-vertical 0;
+  background-color: @dropdown-color-bg;
+  border: 1px solid @dropdown-color-border;
+  border-radius: @dropdown-border-radius;
+  box-shadow: @dropdown-box-shadow;
+
+  &-list {
+    margin-top: 0;
+    margin-bottom: 0;
+    padding-left: 0;
+    list-style: none;
+
+    &-wrapper {
+      max-height: @dropdown-max-height;
+      overflow-y: auto;
+    }
+  }
+
+  &-option {
+    position: relative;
+    // 避免 Trigger 的小箭头位于其上方
+    z-index: 1;
+    display: flex;
+    align-items: center;
+    box-sizing: border-box;
+    width: 100%;
+    padding: 0 @dropdown-option-padding-horizontal;
+
+    // default
+    color: @dropdown-option-color-text_default;
+    font-size: @dropdown-font-size;
+    line-height: @dropdown-option-height;
+    text-align: left;
+    background-color: @dropdown-option-color-bg_default;
+    cursor: pointer;
+
+    &-content {
+      .text-ellipsis();
+    }
+
+    &-has-suffix {
+      justify-content: space-between;
+    }
+
+    // hover
+    &-active,
+    &:not(&-disabled):hover {
+      color: @dropdown-option-color-text_hover;
+      background-color: @dropdown-option-color-bg_hover;
+      transition: all @transition-duration-1 @transition-timing-function-linear;
+    }
+
+    // disabled
+    &-disabled {
+      color: @dropdown-option-color-text_disabled;
+      background-color: @dropdown-option-color-bg_disabled;
+      cursor: not-allowed;
+    }
+
+    &-icon {
+      display: inline-flex;
+      margin-right: 8px;
+    }
+
+    &-suffix {
+      margin-left: @dropdown-margin-left-suffix-icon;
+    }
+  }
+
+  &-group {
+    &:first-child &-title {
+      margin-top: @dropdown-group-title-margin-top;
+    }
+
+    &-title {
+      box-sizing: border-box;
+      width: 100%;
+      margin-top: @dropdown-group-title-margin-top;
+      padding: 0 @dropdown-group-title-padding-horizontal;
+      color: @dropdown-group-title-color-text;
+      font-size: @dropdown-group-title-font-size;
+      line-height: @dropdown-group-title-height;
+      cursor: default;
+      .text-ellipsis();
+    }
+  }
+
+  &-submenu {
+    margin-top: -@dropdown-padding-vertical;
+  }
+
+  &&-has-footer {
+    padding-bottom: 0;
+  }
+
+  &-footer {
+    border-top: 1px solid @dropdown-color-border;
+  }
+}

package/es/dropdown/style/token.less

@@ -1,40 +1,40 @@
-@import '../../style/theme/index.less';
-
-/**********************************************
- * Popup Box
- **********************************************/
-@dropdown-max-height: @size-50;
-@dropdown-border-radius: @radius-medium;
-@dropdown-padding-vertical: @spacing-2;
-@dropdown-font-size: @font-size-body-3;
-@dropdown-color-bg: var(--color-bg-popup);
-@dropdown-color-border: var(--color-fill-3);
-@dropdown-box-shadow: @shadow2-down;
-
-/**********************************************
- * Popup Options
- * status: default / disabled / selected / hover
- **********************************************/
-@dropdown-option-height: @size-9;
-@dropdown-option-padding-horizontal: @spacing-6;
-@dropdown-option-font-weight_selected: @font-weight-500;
-
-@dropdown-option-color-bg_default: @color-transparent;
-@dropdown-option-color-bg_hover: var(--color-fill-2);
-@dropdown-option-color-bg_selected: @color-transparent;
-@dropdown-option-color-bg_disabled: @color-transparent;
-
-@dropdown-option-color-text_default: var(--color-text-1);
-@dropdown-option-color-text_hover: var(--color-text-1);
-@dropdown-option-color-text_selected: var(--color-text-1);
-@dropdown-option-color-text_disabled: var(--color-text-4);
-
-// option group title
-@dropdown-group-title-height: @size-5;
-@dropdown-group-title-padding-horizontal: @spacing-6;
-@dropdown-group-title-padding-top: @spacing-4;
-@dropdown-group-title-margin-top: @spacing-4;
-@dropdown-group-title-font-size: @font-size-body-1;
-@dropdown-group-title-color-text: var(--color-text-3);
-
-@dropdown-margin-left-suffix-icon: @spacing-6;
+@import '../../style/theme/index.less';
+
+/**********************************************
+ * Popup Box
+ **********************************************/
+@dropdown-max-height: @size-50;
+@dropdown-border-radius: @radius-medium;
+@dropdown-padding-vertical: @spacing-2;
+@dropdown-font-size: @font-size-body-3;
+@dropdown-color-bg: var(--color-bg-popup);
+@dropdown-color-border: var(--color-fill-3);
+@dropdown-box-shadow: @shadow2-down;
+
+/**********************************************
+ * Popup Options
+ * status: default / disabled / selected / hover
+ **********************************************/
+@dropdown-option-height: @size-9;
+@dropdown-option-padding-horizontal: @spacing-6;
+@dropdown-option-font-weight_selected: @font-weight-500;
+
+@dropdown-option-color-bg_default: @color-transparent;
+@dropdown-option-color-bg_hover: var(--color-fill-2);
+@dropdown-option-color-bg_selected: @color-transparent;
+@dropdown-option-color-bg_disabled: @color-transparent;
+
+@dropdown-option-color-text_default: var(--color-text-1);
+@dropdown-option-color-text_hover: var(--color-text-1);
+@dropdown-option-color-text_selected: var(--color-text-1);
+@dropdown-option-color-text_disabled: var(--color-text-4);
+
+// option group title
+@dropdown-group-title-height: @size-5;
+@dropdown-group-title-padding-horizontal: @spacing-6;
+@dropdown-group-title-padding-top: @spacing-4;
+@dropdown-group-title-margin-top: @spacing-4;
+@dropdown-group-title-font-size: @font-size-body-1;
+@dropdown-group-title-color-text: var(--color-text-3);
+
+@dropdown-margin-left-suffix-icon: @spacing-6;

package/es/empty/style/index.less

@@ -1,26 +1,26 @@
-@import './token.less';
-
-@empty-prefix-cls: ~'@{prefix}-empty';
-
-.@{empty-prefix-cls} {
-  box-sizing: border-box;
-  width: 100%;
-  padding: @empty-spacing-padding 0;
-  text-align: center;
-
-  &-image {
-    margin-bottom: @empty-spacing-image-margin-bottom;
-    color: @empty-color-icon;
-    font-size: @empty-font-size-image;
-    line-height: 1;
-
-    img {
-      height: @empty-size-img-height;
-    }
-  }
-
-  & &-description {
-    color: @empty-color-text;
-    font-size: @empty-font-size-text;
-  }
-}
+@import './token.less';
+
+@empty-prefix-cls: ~'@{prefix}-empty';
+
+.@{empty-prefix-cls} {
+  box-sizing: border-box;
+  width: 100%;
+  padding: @empty-spacing-padding 0;
+  text-align: center;
+
+  &-image {
+    margin-bottom: @empty-spacing-image-margin-bottom;
+    color: @empty-color-icon;
+    font-size: @empty-font-size-image;
+    line-height: 1;
+
+    img {
+      height: @empty-size-img-height;
+    }
+  }
+
+  & &-description {
+    color: @empty-color-text;
+    font-size: @empty-font-size-text;
+  }
+}

package/es/empty/style/token.less

@@ -1,10 +1,10 @@
-@import '../../style/theme/index.less';
-
-@empty-spacing-padding: @spacing-5;
-@empty-color-text: rgb(var(~'@{arco-cssvars-prefix}-gray-5'));
-@empty-font-size-image: @size-12;
-@empty-spacing-image-margin-bottom: @spacing-2;
-@empty-size-img-height: @size-20;
-
-@empty-color-icon: rgb(var(~'@{arco-cssvars-prefix}-gray-5'));
-@empty-font-size-text: @font-size-body-3;
+@import '../../style/theme/index.less';
+
+@empty-spacing-padding: @spacing-5;
+@empty-color-text: rgb(var(~'@{arco-cssvars-prefix}-gray-5'));
+@empty-font-size-image: @size-12;
+@empty-spacing-image-margin-bottom: @spacing-2;
+@empty-size-img-height: @size-20;
+
+@empty-color-icon: rgb(var(~'@{arco-cssvars-prefix}-gray-5'));
+@empty-font-size-text: @font-size-body-3;