@julingbase/jly-arco-design 0.0.1 → 0.0.3

package/es/color-picker/style/token.less

@@ -1,70 +1,70 @@
-@import '../../style/theme/index.less';
-@import '../../input/style/token.less';
-
-@color-preview-size-mini: @size-4;
-@color-preview-size-small: 22px;
-@color-preview-size-medium: @size-6;
-@color-preview-size-large: 26px;
-
-@color-input-size-mini-padding: (
-    (@input-size-mini-height - @color-preview-size-mini) / 2
-  )
-  @spacing-2;
-@color-input-size-small-padding: (
-    (@input-size-small-height - @color-preview-size-small) / 2
-  )
-  @spacing-2;
-@color-input-size-medium-padding: (
-    (@input-size-medium-height - @color-preview-size-medium) / 2
-  )
-  @spacing-2;
-@color-input-size-large-padding: (
-    (@input-size-large-height - @color-preview-size-large) / 2
-  )
-  5px;
-
-@color-input-bg-color: var(~'@{arco-cssvars-prefix}-color-fill-2');
-@color-value-margin-left: @spacing-2;
-@color-value-font-color: var(~'@{arco-cssvars-prefix}-color-text-1');
-@color-value-font-color_disabled: var(~'@{arco-cssvars-prefix}-color-text-4');
-
-@color-value-size-mini-font-size: @font-size-body-1;
-@color-value-size-small-font-size: @font-size-body-3;
-@color-value-size-medium-font-size: @font-size-body-3;
-@color-value-size-large-font-size: @font-size-body-3;
-
-@color-input-border-radius: @border-radius-small;
-@color-preview-border-size: @border-1;
-@color-preview-border-color: var(~'@{arco-cssvars-prefix}-color-border-2');
-@color-value-font-size: @font-weight-400;
-
-@color-panel-width: 260px;
-@color-panel-padding: @spacing-6;
-@color-panel-border-radius: @border-radius-small;
-@color-panel-bg-color: var(~'@{arco-cssvars-prefix}-color-bg-1');
-@color-panel-box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 10%);
-
-@color-palette-height: 178px;
-@color-palette-handle-size: @size-4;
-@color-palette-handle-border-size: @border-2;
-
-@color-control-bar-width: 182px;
-@color-control-bar-height: 14px;
-@color-control-bar-handle-size: @size-4;
-@color-control-bar-alpha-margin-top: @spacing-6;
-@color-control-bar-border-radius: 10px;
-
-@color-panel-input-margin-top: @spacing-6;
-@color-panel-input-group-margin-left: @spacing-6;
-@color-panel-preview-size: 40px;
-@color-panel-format-select-width: 58px;
-@color-panel-alpha-input-width: 52px;
-
-@color-panel-section-title-font-size: @font-size-caption;
-@color-panel-empty-font-size: @font-size-body-1;
-
-@color-panel-block-size: @size-4;
-@color-panel-block-margin: @spacing-3;
-@color-panel-block-border-radius: @border-2;
-
-@color-panel-border-color: var(~'@{arco-cssvars-prefix}-color-border-2');
+@import '../../style/theme/index.less';
+@import '../../input/style/token.less';
+
+@color-preview-size-mini: @size-4;
+@color-preview-size-small: 22px;
+@color-preview-size-medium: @size-6;
+@color-preview-size-large: 26px;
+
+@color-input-size-mini-padding: (
+    (@input-size-mini-height - @color-preview-size-mini) / 2
+  )
+  @spacing-2;
+@color-input-size-small-padding: (
+    (@input-size-small-height - @color-preview-size-small) / 2
+  )
+  @spacing-2;
+@color-input-size-medium-padding: (
+    (@input-size-medium-height - @color-preview-size-medium) / 2
+  )
+  @spacing-2;
+@color-input-size-large-padding: (
+    (@input-size-large-height - @color-preview-size-large) / 2
+  )
+  5px;
+
+@color-input-bg-color: var(~'@{arco-cssvars-prefix}-color-fill-2');
+@color-value-margin-left: @spacing-2;
+@color-value-font-color: var(~'@{arco-cssvars-prefix}-color-text-1');
+@color-value-font-color_disabled: var(~'@{arco-cssvars-prefix}-color-text-4');
+
+@color-value-size-mini-font-size: @font-size-body-1;
+@color-value-size-small-font-size: @font-size-body-3;
+@color-value-size-medium-font-size: @font-size-body-3;
+@color-value-size-large-font-size: @font-size-body-3;
+
+@color-input-border-radius: @border-radius-small;
+@color-preview-border-size: @border-1;
+@color-preview-border-color: var(~'@{arco-cssvars-prefix}-color-border-2');
+@color-value-font-size: @font-weight-400;
+
+@color-panel-width: 260px;
+@color-panel-padding: @spacing-6;
+@color-panel-border-radius: @border-radius-small;
+@color-panel-bg-color: var(~'@{arco-cssvars-prefix}-color-bg-1');
+@color-panel-box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 10%);
+
+@color-palette-height: 178px;
+@color-palette-handle-size: @size-4;
+@color-palette-handle-border-size: @border-2;
+
+@color-control-bar-width: 182px;
+@color-control-bar-height: 14px;
+@color-control-bar-handle-size: @size-4;
+@color-control-bar-alpha-margin-top: @spacing-6;
+@color-control-bar-border-radius: 10px;
+
+@color-panel-input-margin-top: @spacing-6;
+@color-panel-input-group-margin-left: @spacing-6;
+@color-panel-preview-size: 40px;
+@color-panel-format-select-width: 58px;
+@color-panel-alpha-input-width: 52px;
+
+@color-panel-section-title-font-size: @font-size-caption;
+@color-panel-empty-font-size: @font-size-body-1;
+
+@color-panel-block-size: @size-4;
+@color-panel-block-margin: @spacing-3;
+@color-panel-block-border-radius: @border-2;
+
+@color-panel-border-color: var(~'@{arco-cssvars-prefix}-color-border-2');

package/es/comment/style/index.less

@@ -1,66 +1,66 @@
-@import './token.less';
-
-@comment-prefix-cls: ~'@{prefix}-comment';
-
-.@{comment-prefix-cls} {
-  display: flex;
-  flex-wrap: nowrap;
-  font-size: @comment-font-size;
-  line-height: @line-height-base;
-
-  &:not(:first-of-type),
-  &-inner-comment {
-    margin-top: @comment-margin-bottom;
-  }
-
-  &-inner {
-    flex: 1;
-  }
-
-  &-avatar {
-    flex-shrink: 0;
-    margin-right: @comment-margin-avatar-right;
-    cursor: pointer;
-
-    > img {
-      width: @comment-size-avatar-width;
-      height: @comment-size-avatar-width;
-      border-radius: @radius-circle;
-    }
-  }
-
-  &-author {
-    margin-right: @comment-margin-author-right;
-    color: @comment-color-author-text;
-    font-size: @comment-font-author-size;
-  }
-
-  &-datetime {
-    color: @comment-color-datetime-text;
-    font-size: @comment-font-datetime-size;
-  }
-
-  &-content {
-    color: @comment-color-content-text;
-  }
-
-  &-title-align-right {
-    display: flex;
-    justify-content: space-between;
-  }
-
-  &-actions {
-    margin-top: @comment-margin-actions-top;
-    color: @comment-color-actions-text;
-    font-size: @comment-font-action-size;
-
-    > *:not(:last-child) {
-      margin-right: @comment-margin-actions-right;
-    }
-  }
-
-  &-actions-align-right {
-    display: flex;
-    justify-content: flex-end;
-  }
-}
+@import './token.less';
+
+@comment-prefix-cls: ~'@{prefix}-comment';
+
+.@{comment-prefix-cls} {
+  display: flex;
+  flex-wrap: nowrap;
+  font-size: @comment-font-size;
+  line-height: @line-height-base;
+
+  &:not(:first-of-type),
+  &-inner-comment {
+    margin-top: @comment-margin-bottom;
+  }
+
+  &-inner {
+    flex: 1;
+  }
+
+  &-avatar {
+    flex-shrink: 0;
+    margin-right: @comment-margin-avatar-right;
+    cursor: pointer;
+
+    > img {
+      width: @comment-size-avatar-width;
+      height: @comment-size-avatar-width;
+      border-radius: @radius-circle;
+    }
+  }
+
+  &-author {
+    margin-right: @comment-margin-author-right;
+    color: @comment-color-author-text;
+    font-size: @comment-font-author-size;
+  }
+
+  &-datetime {
+    color: @comment-color-datetime-text;
+    font-size: @comment-font-datetime-size;
+  }
+
+  &-content {
+    color: @comment-color-content-text;
+  }
+
+  &-title-align-right {
+    display: flex;
+    justify-content: space-between;
+  }
+
+  &-actions {
+    margin-top: @comment-margin-actions-top;
+    color: @comment-color-actions-text;
+    font-size: @comment-font-action-size;
+
+    > *:not(:last-child) {
+      margin-right: @comment-margin-actions-right;
+    }
+  }
+
+  &-actions-align-right {
+    display: flex;
+    justify-content: flex-end;
+  }
+}

package/es/comment/style/token.less

@@ -1,17 +1,17 @@
-@import '../../style/theme/index.less';
-
-@comment-color-author-text: var(~'@{arco-cssvars-prefix}-color-text-2');
-@comment-color-datetime-text: var(~'@{arco-cssvars-prefix}-color-text-3');
-@comment-color-content-text: var(~'@{arco-cssvars-prefix}-color-text-1');
-@comment-color-actions-text: var(~'@{arco-cssvars-prefix}-color-text-2');
-
-@comment-font-size: @font-size-body-3;
-@comment-font-author-size: @font-size-body-3;
-@comment-font-datetime-size: @font-size-body-1;
-@comment-margin-avatar-right: @spacing-6;
-@comment-margin-author-right: @spacing-4;
-@comment-margin-actions-top: @spacing-4;
-@comment-margin-bottom: @spacing-8;
-@comment-margin-actions-right: @spacing-4;
-@comment-size-avatar-width: @size-8;
-@comment-font-action-size: @font-size-body-3;
+@import '../../style/theme/index.less';
+
+@comment-color-author-text: var(~'@{arco-cssvars-prefix}-color-text-2');
+@comment-color-datetime-text: var(~'@{arco-cssvars-prefix}-color-text-3');
+@comment-color-content-text: var(~'@{arco-cssvars-prefix}-color-text-1');
+@comment-color-actions-text: var(~'@{arco-cssvars-prefix}-color-text-2');
+
+@comment-font-size: @font-size-body-3;
+@comment-font-author-size: @font-size-body-3;
+@comment-font-datetime-size: @font-size-body-1;
+@comment-margin-avatar-right: @spacing-6;
+@comment-margin-author-right: @spacing-4;
+@comment-margin-actions-top: @spacing-4;
+@comment-margin-bottom: @spacing-8;
+@comment-margin-actions-right: @spacing-4;
+@comment-size-avatar-width: @size-8;
+@comment-font-action-size: @font-size-body-3;

package/es/date-picker/index.d.ts

@@ -408,12 +408,12 @@ declare const DatePicker: {
                 unmountOnClose?: boolean | undefined;
                 size?: "mini" | "medium" | "large" | "small" | undefined;
                 type?: "time" | "time-range" | undefined;
+                modelValue?: import("../time-picker/interface").TimeValue | import("../time-picker/interface").TimeValue[] | undefined;
+                placeholder?: string | string[] | undefined;
                 error?: boolean | undefined;
                 readonly?: boolean | undefined;
                 allowClear?: boolean | undefined;
-                placeholder?: string | string[] | undefined;
                 format: string;
-                modelValue?: import("../time-picker/interface").TimeValue | import("../time-picker/interface").TimeValue[] | undefined;
                 triggerProps?: Record<string, unknown> | undefined;
                 disableConfirm?: boolean | undefined;
                 use12Hours?: boolean | undefined;
@@ -694,8 +694,8 @@ declare const DatePicker: {
         "onUpdate:popupVisible"?: ((visible: boolean) => any) | undefined;
         onClear?: (() => any) | undefined;
         onSelect?: ((value: (import("./interface").CalendarValue | undefined)[], date: (Date | undefined)[], dateString: (string | undefined)[]) => any) | undefined;
-        onChange?: ((value: (import("./interface").CalendarValue | undefined)[] | undefined, date: (Date | undefined)[] | undefined, dateString: (string | undefined)[] | undefined) => any) | undefined;
         "onUpdate:modelValue"?: ((value: (import("./interface").CalendarValue | undefined)[] | undefined) => any) | undefined;
+        onChange?: ((value: (import("./interface").CalendarValue | undefined)[] | undefined, date: (Date | undefined)[] | undefined, dateString: (string | undefined)[] | undefined) => any) | undefined;
         "onPopup-visible-change"?: ((visible: boolean) => any) | undefined;
         onOk?: ((value: import("./interface").CalendarValue[], date: Date[], dateString: string[]) => any) | undefined;
         "onSelect-shortcut"?: ((shortcut: import("./interface").ShortcutType) => any) | undefined;
@@ -4143,7 +4143,7 @@ declare const DatePicker: {
         }, {}, {}, {
             focus(index?: number | undefined): void;
             blur(): void;
-        }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clear" | "focused-index-change" | "update:focusedIndex" | "change" | "press-enter")[], "clear" | "focused-index-change" | "update:focusedIndex" | "change" | "press-enter", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clear" | "press-enter" | "change" | "focused-index-change" | "update:focusedIndex")[], "clear" | "press-enter" | "change" | "focused-index-change" | "update:focusedIndex", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
             size: {
                 type: import("vue").PropType<"mini" | "medium" | "large" | "small">;
             };
@@ -4184,16 +4184,16 @@ declare const DatePicker: {
         }>> & Readonly<{
             onChange?: ((...args: any[]) => any) | undefined;
             onClear?: ((...args: any[]) => any) | undefined;
+            "onPress-enter"?: ((...args: any[]) => any) | undefined;
             "onFocused-index-change"?: ((...args: any[]) => any) | undefined;
             "onUpdate:focusedIndex"?: ((...args: any[]) => any) | undefined;
-            "onPress-enter"?: ((...args: any[]) => any) | undefined;
         }>, {
             disabled: boolean | boolean[];
-            focused: boolean;
+            placeholder: string[];
             error: boolean;
+            focused: boolean;
             readonly: boolean;
             allowClear: boolean;
-            placeholder: string[];
             value: (import("dayjs").Dayjs | undefined)[];
         }, {}, {
             IconHover: import("vue").DefineComponent<import("vue").ExtractPropTypes<{

package/es/date-picker/picker.d.ts

@@ -137,12 +137,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             unmountOnClose?: boolean | undefined;
             size?: "mini" | "medium" | "large" | "small" | undefined;
             type?: "time" | "time-range" | undefined;
+            modelValue?: import("../time-picker/interface").TimeValue | import("../time-picker/interface").TimeValue[] | undefined;
+            placeholder?: string | string[] | undefined;
             error?: boolean | undefined;
             readonly?: boolean | undefined;
             allowClear?: boolean | undefined;
-            placeholder?: string | string[] | undefined;
             format: string;
-            modelValue?: import("../time-picker/interface").TimeValue | import("../time-picker/interface").TimeValue[] | undefined;
             triggerProps?: Record<string, unknown> | undefined;
             disableConfirm?: boolean | undefined;
             use12Hours?: boolean | undefined;
@@ -330,8 +330,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     "onUpdate:popupVisible"?: ((visible: boolean) => any) | undefined;
     onClear?: (() => any) | undefined;
     onSelect?: ((value: CalendarValue | undefined, date: Date | undefined, dateString: string | undefined) => any) | undefined;
-    onChange?: ((value: CalendarValue | undefined, date: Date | undefined, dateString: string | undefined) => any) | undefined;
     "onUpdate:modelValue"?: ((value: CalendarValue | undefined) => any) | undefined;
+    onChange?: ((value: CalendarValue | undefined, date: Date | undefined, dateString: string | undefined) => any) | undefined;
     "onPopup-visible-change"?: ((visible: boolean) => any) | undefined;
     onOk?: ((value: CalendarValue | undefined, date: Date | undefined, dateString: string | undefined) => any) | undefined;
     "onSelect-shortcut"?: ((shortcut: ShortcutType) => any) | undefined;
@@ -406,7 +406,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     }, {}, {}, {
         focus(): void;
         blur(): void;
-    }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clear" | "change" | "press-enter" | "blur")[], "clear" | "change" | "press-enter" | "blur", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clear" | "blur" | "press-enter" | "change")[], "clear" | "blur" | "press-enter" | "change", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
         size: {
             type: PropType<"mini" | "medium" | "large" | "small">;
         };
@@ -445,8 +445,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         "onPress-enter"?: ((...args: any[]) => any) | undefined;
     }>, {
         disabled: boolean;
-        focused: boolean;
         error: boolean;
+        focused: boolean;
         readonly: boolean;
         allowClear: boolean;
     }, {}, {

package/es/date-picker/range-picker.d.ts

@@ -152,12 +152,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             unmountOnClose?: boolean | undefined;
             size?: "mini" | "medium" | "large" | "small" | undefined;
             type?: "time" | "time-range" | undefined;
+            modelValue?: import("../time-picker/interface").TimeValue | import("../time-picker/interface").TimeValue[] | undefined;
+            placeholder?: string | string[] | undefined;
             error?: boolean | undefined;
             readonly?: boolean | undefined;
             allowClear?: boolean | undefined;
-            placeholder?: string | string[] | undefined;
             format: string;
-            modelValue?: import("../time-picker/interface").TimeValue | import("../time-picker/interface").TimeValue[] | undefined;
             triggerProps?: Record<string, unknown> | undefined;
             disableConfirm?: boolean | undefined;
             use12Hours?: boolean | undefined;
@@ -438,8 +438,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     "onUpdate:popupVisible"?: ((visible: boolean) => any) | undefined;
     onClear?: (() => any) | undefined;
     onSelect?: ((value: (CalendarValue | undefined)[], date: (Date | undefined)[], dateString: (string | undefined)[]) => any) | undefined;
-    onChange?: ((value: (CalendarValue | undefined)[] | undefined, date: (Date | undefined)[] | undefined, dateString: (string | undefined)[] | undefined) => any) | undefined;
     "onUpdate:modelValue"?: ((value: (CalendarValue | undefined)[] | undefined) => any) | undefined;
+    onChange?: ((value: (CalendarValue | undefined)[] | undefined, date: (Date | undefined)[] | undefined, dateString: (string | undefined)[] | undefined) => any) | undefined;
     "onPopup-visible-change"?: ((visible: boolean) => any) | undefined;
     onOk?: ((value: CalendarValue[], date: Date[], dateString: string[]) => any) | undefined;
     "onSelect-shortcut"?: ((shortcut: ShortcutType) => any) | undefined;
@@ -3887,7 +3887,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     }, {}, {}, {
         focus(index?: number | undefined): void;
         blur(): void;
-    }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clear" | "focused-index-change" | "update:focusedIndex" | "change" | "press-enter")[], "clear" | "focused-index-change" | "update:focusedIndex" | "change" | "press-enter", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clear" | "press-enter" | "change" | "focused-index-change" | "update:focusedIndex")[], "clear" | "press-enter" | "change" | "focused-index-change" | "update:focusedIndex", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
         size: {
             type: PropType<"mini" | "medium" | "large" | "small">;
         };
@@ -3928,16 +3928,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     }>> & Readonly<{
         onChange?: ((...args: any[]) => any) | undefined;
         onClear?: ((...args: any[]) => any) | undefined;
+        "onPress-enter"?: ((...args: any[]) => any) | undefined;
         "onFocused-index-change"?: ((...args: any[]) => any) | undefined;
         "onUpdate:focusedIndex"?: ((...args: any[]) => any) | undefined;
-        "onPress-enter"?: ((...args: any[]) => any) | undefined;
     }>, {
         disabled: boolean | boolean[];
-        focused: boolean;
+        placeholder: string[];
         error: boolean;
+        focused: boolean;
         readonly: boolean;
         allowClear: boolean;
-        placeholder: string[];
         value: (Dayjs | undefined)[];
     }, {}, {
         IconHover: import("vue").DefineComponent<import("vue").ExtractPropTypes<{