@julingbase/jly-arco-design 0.0.1 → 0.0.3

package/es/scrollbar/style/index.less

@@ -1,137 +1,137 @@
-@import './token.less';
-
-@scroll-prefix-cls: ~'@{prefix}-scrollbar';
-
-.@{scroll-prefix-cls} {
-  position: relative;
-
-  &-container {
-    position: relative;
-    scrollbar-width: none;
-
-    &::-webkit-scrollbar {
-      display: none;
-    }
-  }
-
-  &-track {
-    position: absolute;
-    z-index: 100;
-
-    &-direction-horizontal {
-      bottom: 0;
-      left: 0;
-      box-sizing: border-box;
-      width: 100%;
-      height: @scrollbar-track-size;
-    }
-
-    &-direction-vertical {
-      top: 0;
-      right: 0;
-      box-sizing: border-box;
-      width: @scrollbar-track-size;
-      height: 100%;
-    }
-  }
-
-  &-thumb {
-    position: absolute;
-    display: block;
-    box-sizing: border-box;
-
-    &-bar {
-      width: 100%;
-      height: 100%;
-      background-color: @scrollbar-thumb-bar-bg_color;
-      border-radius: @scrollbar-thumb-bar-border_radius;
-    }
-
-    &:hover,
-    &-dragging {
-      .@{scroll-prefix-cls}-thumb-bar {
-        background-color: @scrollbar-thumb-bar-bg_color_hover;
-      }
-    }
-
-    &-direction-horizontal {
-      .@{scroll-prefix-cls}-thumb-bar {
-        height: @scrollbar-thumb-bar-size;
-        margin: ((@scrollbar-track-size - @scrollbar-thumb-bar-size)/2) 0;
-      }
-    }
-
-    &-direction-vertical {
-      .@{scroll-prefix-cls}-thumb-bar {
-        width: @scrollbar-thumb-bar-size;
-        margin: 0 ((@scrollbar-track-size - @scrollbar-thumb-bar-size)/2);
-      }
-    }
-  }
-
-  &&-type-embed {
-    .@{scroll-prefix-cls}-thumb {
-      opacity: 0;
-
-      &-dragging {
-        opacity: 0.8;
-      }
-
-      transition: opacity ease 200ms;
-    }
-
-    &:hover {
-      .@{scroll-prefix-cls}-thumb {
-        opacity: 0.8;
-      }
-    }
-  }
-
-  &&-type-track {
-    .@{scroll-prefix-cls}-track {
-      background-color: @scrollbar-track-bg_color;
-
-      &-direction-horizontal {
-        border-top: @scrollbar-track-border_size solid
-          @scrollbar-track-border_color;
-        border-bottom: @scrollbar-track-border_size solid
-          @scrollbar-track-border_color;
-      }
-
-      &-direction-vertical {
-        border-right: @scrollbar-track-border_size solid
-          @scrollbar-track-border_color;
-        border-left: @scrollbar-track-border_size solid
-          @scrollbar-track-border_color;
-      }
-    }
-
-    .@{scroll-prefix-cls}-thumb {
-      &-direction-horizontal {
-        margin: -@scrollbar-track-border_size 0;
-      }
-
-      &-direction-vertical {
-        margin: 0 -@scrollbar-track-border_size;
-      }
-    }
-
-    &.@{scroll-prefix-cls}-both {
-      .@{scroll-prefix-cls}-track-direction-vertical::after {
-        position: absolute;
-        right: -@scrollbar-track-border_size;
-        bottom: 0;
-        display: block;
-        box-sizing: border-box;
-        width: @scrollbar-track-size;
-        height: @scrollbar-track-size;
-        background-color: @scrollbar-track-bg_color;
-        border-right: @scrollbar-track-border_size solid
-          @scrollbar-track-border_color;
-        border-bottom: @scrollbar-track-border_size solid
-          @scrollbar-track-border_color;
-        content: '';
-      }
-    }
-  }
-}
+@import './token.less';
+
+@scroll-prefix-cls: ~'@{prefix}-scrollbar';
+
+.@{scroll-prefix-cls} {
+  position: relative;
+
+  &-container {
+    position: relative;
+    scrollbar-width: none;
+
+    &::-webkit-scrollbar {
+      display: none;
+    }
+  }
+
+  &-track {
+    position: absolute;
+    z-index: 100;
+
+    &-direction-horizontal {
+      bottom: 0;
+      left: 0;
+      box-sizing: border-box;
+      width: 100%;
+      height: @scrollbar-track-size;
+    }
+
+    &-direction-vertical {
+      top: 0;
+      right: 0;
+      box-sizing: border-box;
+      width: @scrollbar-track-size;
+      height: 100%;
+    }
+  }
+
+  &-thumb {
+    position: absolute;
+    display: block;
+    box-sizing: border-box;
+
+    &-bar {
+      width: 100%;
+      height: 100%;
+      background-color: @scrollbar-thumb-bar-bg_color;
+      border-radius: @scrollbar-thumb-bar-border_radius;
+    }
+
+    &:hover,
+    &-dragging {
+      .@{scroll-prefix-cls}-thumb-bar {
+        background-color: @scrollbar-thumb-bar-bg_color_hover;
+      }
+    }
+
+    &-direction-horizontal {
+      .@{scroll-prefix-cls}-thumb-bar {
+        height: @scrollbar-thumb-bar-size;
+        margin: ((@scrollbar-track-size - @scrollbar-thumb-bar-size)/2) 0;
+      }
+    }
+
+    &-direction-vertical {
+      .@{scroll-prefix-cls}-thumb-bar {
+        width: @scrollbar-thumb-bar-size;
+        margin: 0 ((@scrollbar-track-size - @scrollbar-thumb-bar-size)/2);
+      }
+    }
+  }
+
+  &&-type-embed {
+    .@{scroll-prefix-cls}-thumb {
+      opacity: 0;
+
+      &-dragging {
+        opacity: 0.8;
+      }
+
+      transition: opacity ease 200ms;
+    }
+
+    &:hover {
+      .@{scroll-prefix-cls}-thumb {
+        opacity: 0.8;
+      }
+    }
+  }
+
+  &&-type-track {
+    .@{scroll-prefix-cls}-track {
+      background-color: @scrollbar-track-bg_color;
+
+      &-direction-horizontal {
+        border-top: @scrollbar-track-border_size solid
+          @scrollbar-track-border_color;
+        border-bottom: @scrollbar-track-border_size solid
+          @scrollbar-track-border_color;
+      }
+
+      &-direction-vertical {
+        border-right: @scrollbar-track-border_size solid
+          @scrollbar-track-border_color;
+        border-left: @scrollbar-track-border_size solid
+          @scrollbar-track-border_color;
+      }
+    }
+
+    .@{scroll-prefix-cls}-thumb {
+      &-direction-horizontal {
+        margin: -@scrollbar-track-border_size 0;
+      }
+
+      &-direction-vertical {
+        margin: 0 -@scrollbar-track-border_size;
+      }
+    }
+
+    &.@{scroll-prefix-cls}-both {
+      .@{scroll-prefix-cls}-track-direction-vertical::after {
+        position: absolute;
+        right: -@scrollbar-track-border_size;
+        bottom: 0;
+        display: block;
+        box-sizing: border-box;
+        width: @scrollbar-track-size;
+        height: @scrollbar-track-size;
+        background-color: @scrollbar-track-bg_color;
+        border-right: @scrollbar-track-border_size solid
+          @scrollbar-track-border_color;
+        border-bottom: @scrollbar-track-border_size solid
+          @scrollbar-track-border_color;
+        content: '';
+      }
+    }
+  }
+}

package/es/scrollbar/style/token.less

@@ -1,12 +1,12 @@
-@import '../../style/theme/index.less';
-
-@scrollbar-track-size: 15px;
-@scrollbar-track-border_size: @border-1;
-@scrollbar-track-border_color: var(~'@{arco-cssvars-prefix}-color-neutral-3');
-@scrollbar-track-bg_color: var(~'@{arco-cssvars-prefix}-color-neutral-1');
-@scrollbar-thumb-bar-size: 9px;
-@scrollbar-thumb-bar-border_radius: 6px;
-@scrollbar-thumb-bar-bg_color: var(~'@{arco-cssvars-prefix}-color-neutral-4');
-@scrollbar-thumb-bar-bg_color_hover: var(
-  ~'@{arco-cssvars-prefix}-color-neutral-6'
-);
+@import '../../style/theme/index.less';
+
+@scrollbar-track-size: 15px;
+@scrollbar-track-border_size: @border-1;
+@scrollbar-track-border_color: var(~'@{arco-cssvars-prefix}-color-neutral-3');
+@scrollbar-track-bg_color: var(~'@{arco-cssvars-prefix}-color-neutral-1');
+@scrollbar-thumb-bar-size: 9px;
+@scrollbar-thumb-bar-border_radius: 6px;
+@scrollbar-thumb-bar-bg_color: var(~'@{arco-cssvars-prefix}-color-neutral-4');
+@scrollbar-thumb-bar-bg_color_hover: var(
+  ~'@{arco-cssvars-prefix}-color-neutral-6'
+);

package/es/select/index.d.ts

@@ -141,10 +141,10 @@ declare const Select: {
         "onUpdate:popupVisible"?: ((visible: boolean) => any) | undefined;
         onPopupVisibleChange?: ((visible: boolean) => any) | undefined;
         onClear?: ((ev: Event) => any) | undefined;
-        onChange?: ((value: string | number | boolean | Record<string, any> | (string | number | boolean | Record<string, any>)[]) => any) | undefined;
         "onUpdate:inputValue"?: ((inputValue: string) => any) | undefined;
         onInputValueChange?: ((inputValue: string) => any) | undefined;
         "onUpdate:modelValue"?: ((value: string | number | boolean | Record<string, any> | (string | number | boolean | Record<string, any>)[]) => any) | undefined;
+        onChange?: ((value: string | number | boolean | Record<string, any> | (string | number | boolean | Record<string, any>)[]) => any) | undefined;
         onRemove?: ((removed: string | number | boolean | Record<string, any> | undefined) => any) | undefined;
         onSearch?: ((inputValue: string) => any) | undefined;
         onDropdownScroll?: ((ev: Event) => any) | undefined;
@@ -170,10 +170,10 @@ declare const Select: {
         unmountOnClose: boolean;
         scrollbar: boolean | import("..").ScrollbarProps;
         multiple: boolean;
+        modelValue: string | number | boolean | Record<string, any> | (string | number | boolean | Record<string, any>)[];
         error: boolean;
-        allowClear: boolean;
         defaultValue: string | number | boolean | Record<string, unknown> | (string | number | boolean | Record<string, unknown>)[];
-        modelValue: string | number | boolean | Record<string, any> | (string | number | boolean | Record<string, any>)[];
+        allowClear: boolean;
         loading: boolean;
         bordered: boolean;
         allowCreate: boolean;
@@ -887,9 +887,9 @@ declare const Select: {
         }>, {
             disabled: boolean;
             multiple: boolean;
+            retainInputValue: boolean;
             error: boolean;
             allowClear: boolean;
-            retainInputValue: boolean;
             loading: boolean;
             opened: boolean;
             bordered: boolean;
@@ -1042,10 +1042,10 @@ declare const Select: {
         "onUpdate:popupVisible"?: ((visible: boolean) => any) | undefined;
         onPopupVisibleChange?: ((visible: boolean) => any) | undefined;
         onClear?: ((ev: Event) => any) | undefined;
-        onChange?: ((value: string | number | boolean | Record<string, any> | (string | number | boolean | Record<string, any>)[]) => any) | undefined;
         "onUpdate:inputValue"?: ((inputValue: string) => any) | undefined;
         onInputValueChange?: ((inputValue: string) => any) | undefined;
         "onUpdate:modelValue"?: ((value: string | number | boolean | Record<string, any> | (string | number | boolean | Record<string, any>)[]) => any) | undefined;
+        onChange?: ((value: string | number | boolean | Record<string, any> | (string | number | boolean | Record<string, any>)[]) => any) | undefined;
         onRemove?: ((removed: string | number | boolean | Record<string, any> | undefined) => any) | undefined;
         onSearch?: ((inputValue: string) => any) | undefined;
         onDropdownScroll?: ((ev: Event) => any) | undefined;
@@ -1058,10 +1058,10 @@ declare const Select: {
         unmountOnClose: boolean;
         scrollbar: boolean | import("..").ScrollbarProps;
         multiple: boolean;
+        modelValue: string | number | boolean | Record<string, any> | (string | number | boolean | Record<string, any>)[];
         error: boolean;
-        allowClear: boolean;
         defaultValue: string | number | boolean | Record<string, unknown> | (string | number | boolean | Record<string, unknown>)[];
-        modelValue: string | number | boolean | Record<string, any> | (string | number | boolean | Record<string, any>)[];
+        allowClear: boolean;
         loading: boolean;
         bordered: boolean;
         allowCreate: boolean;
@@ -1222,10 +1222,10 @@ declare const Select: {
     "onUpdate:popupVisible"?: ((visible: boolean) => any) | undefined;
     onPopupVisibleChange?: ((visible: boolean) => any) | undefined;
     onClear?: ((ev: Event) => any) | undefined;
-    onChange?: ((value: string | number | boolean | Record<string, any> | (string | number | boolean | Record<string, any>)[]) => any) | undefined;
     "onUpdate:inputValue"?: ((inputValue: string) => any) | undefined;
     onInputValueChange?: ((inputValue: string) => any) | undefined;
     "onUpdate:modelValue"?: ((value: string | number | boolean | Record<string, any> | (string | number | boolean | Record<string, any>)[]) => any) | undefined;
+    onChange?: ((value: string | number | boolean | Record<string, any> | (string | number | boolean | Record<string, any>)[]) => any) | undefined;
     onRemove?: ((removed: string | number | boolean | Record<string, any> | undefined) => any) | undefined;
     onSearch?: ((inputValue: string) => any) | undefined;
     onDropdownScroll?: ((ev: Event) => any) | undefined;
@@ -1251,10 +1251,10 @@ declare const Select: {
     unmountOnClose: boolean;
     scrollbar: boolean | import("..").ScrollbarProps;
     multiple: boolean;
+    modelValue: string | number | boolean | Record<string, any> | (string | number | boolean | Record<string, any>)[];
     error: boolean;
-    allowClear: boolean;
     defaultValue: string | number | boolean | Record<string, unknown> | (string | number | boolean | Record<string, unknown>)[];
-    modelValue: string | number | boolean | Record<string, any> | (string | number | boolean | Record<string, any>)[];
+    allowClear: boolean;
     loading: boolean;
     bordered: boolean;
     allowCreate: boolean;
@@ -1968,9 +1968,9 @@ declare const Select: {
     }>, {
         disabled: boolean;
         multiple: boolean;
+        retainInputValue: boolean;
         error: boolean;
         allowClear: boolean;
-        retainInputValue: boolean;
         loading: boolean;
         opened: boolean;
         bordered: boolean;
@@ -2058,8 +2058,8 @@ declare const Select: {
                     default: boolean;
                 };
             }>> & Readonly<{
-                onChange?: ((value: boolean | (string | number | boolean)[], ev: Event) => any) | undefined;
                 "onUpdate:modelValue"?: ((value: boolean | (string | number | boolean)[]) => any) | undefined;
+                onChange?: ((value: boolean | (string | number | boolean)[], ev: Event) => any) | undefined;
             }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
                 'update:modelValue': (value: boolean | (string | number | boolean)[]) => true;
                 change: (value: boolean | (string | number | boolean)[], ev: Event) => true;
@@ -2133,8 +2133,8 @@ declare const Select: {
                     default: boolean;
                 };
             }>> & Readonly<{
-                onChange?: ((value: boolean | (string | number | boolean)[], ev: Event) => any) | undefined;
                 "onUpdate:modelValue"?: ((value: boolean | (string | number | boolean)[]) => any) | undefined;
+                onChange?: ((value: boolean | (string | number | boolean)[], ev: Event) => any) | undefined;
             }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
                 disabled: boolean;
                 modelValue: boolean | (string | number | boolean)[];
@@ -2170,8 +2170,8 @@ declare const Select: {
                 default: boolean;
             };
         }>> & Readonly<{
-            onChange?: ((value: boolean | (string | number | boolean)[], ev: Event) => any) | undefined;
             "onUpdate:modelValue"?: ((value: boolean | (string | number | boolean)[]) => any) | undefined;
+            onChange?: ((value: boolean | (string | number | boolean)[], ev: Event) => any) | undefined;
         }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             'update:modelValue': (value: boolean | (string | number | boolean)[]) => true;
             change: (value: boolean | (string | number | boolean)[], ev: Event) => true;
@@ -2264,12 +2264,12 @@ declare const Select: {
                     default: boolean;
                 };
             }>> & Readonly<{
-                onChange?: ((value: (string | number | boolean)[], ev: Event) => any) | undefined;
                 "onUpdate:modelValue"?: ((value: (string | number | boolean)[]) => any) | undefined;
+                onChange?: ((value: (string | number | boolean)[], ev: Event) => any) | undefined;
             }>, {
                 disabled: boolean;
-                defaultValue: (string | number | boolean)[];
                 modelValue: (string | number | boolean)[];
+                defaultValue: (string | number | boolean)[];
                 direction: "horizontal" | "vertical";
             }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
             install: (app: App<any>, options?: ArcoOptions | undefined) => void;

package/es/select/option.d.ts

@@ -78,8 +78,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 default: boolean;
             };
         }>> & Readonly<{
-            onChange?: ((value: boolean | (string | number | boolean)[], ev: Event) => any) | undefined;
             "onUpdate:modelValue"?: ((value: boolean | (string | number | boolean)[]) => any) | undefined;
+            onChange?: ((value: boolean | (string | number | boolean)[], ev: Event) => any) | undefined;
         }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             'update:modelValue': (value: boolean | (string | number | boolean)[]) => true;
             change: (value: boolean | (string | number | boolean)[], ev: Event) => true;
@@ -153,8 +153,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 default: boolean;
             };
         }>> & Readonly<{
-            onChange?: ((value: boolean | (string | number | boolean)[], ev: Event) => any) | undefined;
             "onUpdate:modelValue"?: ((value: boolean | (string | number | boolean)[]) => any) | undefined;
+            onChange?: ((value: boolean | (string | number | boolean)[], ev: Event) => any) | undefined;
         }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
             disabled: boolean;
             modelValue: boolean | (string | number | boolean)[];
@@ -190,8 +190,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: boolean;
         };
     }>> & Readonly<{
-        onChange?: ((value: boolean | (string | number | boolean)[], ev: Event) => any) | undefined;
         "onUpdate:modelValue"?: ((value: boolean | (string | number | boolean)[]) => any) | undefined;
+        onChange?: ((value: boolean | (string | number | boolean)[], ev: Event) => any) | undefined;
     }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         'update:modelValue': (value: boolean | (string | number | boolean)[]) => true;
         change: (value: boolean | (string | number | boolean)[], ev: Event) => true;
@@ -284,12 +284,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 default: boolean;
             };
         }>> & Readonly<{
-            onChange?: ((value: (string | number | boolean)[], ev: Event) => any) | undefined;
             "onUpdate:modelValue"?: ((value: (string | number | boolean)[]) => any) | undefined;
+            onChange?: ((value: (string | number | boolean)[], ev: Event) => any) | undefined;
         }>, {
             disabled: boolean;
-            defaultValue: (string | number | boolean)[];
             modelValue: (string | number | boolean)[];
+            defaultValue: (string | number | boolean)[];
             direction: "horizontal" | "vertical";
         }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
         install: (app: import("vue").App<any>, options?: import("../_utils/types").ArcoOptions | undefined) => void;

package/es/select/select.d.ts

@@ -288,10 +288,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     "onUpdate:popupVisible"?: ((visible: boolean) => any) | undefined;
     onPopupVisibleChange?: ((visible: boolean) => any) | undefined;
     onClear?: ((ev: Event) => any) | undefined;
-    onChange?: ((value: string | number | boolean | Record<string, any> | (string | number | boolean | Record<string, any>)[]) => any) | undefined;
     "onUpdate:inputValue"?: ((inputValue: string) => any) | undefined;
     onInputValueChange?: ((inputValue: string) => any) | undefined;
     "onUpdate:modelValue"?: ((value: string | number | boolean | Record<string, any> | (string | number | boolean | Record<string, any>)[]) => any) | undefined;
+    onChange?: ((value: string | number | boolean | Record<string, any> | (string | number | boolean | Record<string, any>)[]) => any) | undefined;
     onRemove?: ((removed: string | number | boolean | Record<string, any> | undefined) => any) | undefined;
     onSearch?: ((inputValue: string) => any) | undefined;
     onDropdownScroll?: ((ev: Event) => any) | undefined;
@@ -304,10 +304,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     unmountOnClose: boolean;
     scrollbar: boolean | ScrollbarProps;
     multiple: boolean;
+    modelValue: string | number | boolean | Record<string, any> | (string | number | boolean | Record<string, any>)[];
     error: boolean;
-    allowClear: boolean;
     defaultValue: string | number | boolean | Record<string, unknown> | (string | number | boolean | Record<string, unknown>)[];
-    modelValue: string | number | boolean | Record<string, any> | (string | number | boolean | Record<string, any>)[];
+    allowClear: boolean;
     loading: boolean;
     bordered: boolean;
     allowCreate: boolean;
@@ -1021,9 +1021,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     }>, {
         disabled: boolean;
         multiple: boolean;
+        retainInputValue: boolean;
         error: boolean;
         allowClear: boolean;
-        retainInputValue: boolean;
         loading: boolean;
         opened: boolean;
         bordered: boolean;