@julingbase/jly-arco-design 0.0.1 → 0.0.3

package/es/date-picker/style/range.less

@@ -1,9 +1,9 @@
-@import '../../style/theme/index.less';
-
-@range-picker-prefix-cls: ~'@{prefix}-picker-range';
-
-.@{range-picker-prefix-cls} {
-  &-wrapper {
-    display: flex;
-  }
-}
+@import '../../style/theme/index.less';
+
+@range-picker-prefix-cls: ~'@{prefix}-picker-range';
+
+.@{range-picker-prefix-cls} {
+  &-wrapper {
+    display: flex;
+  }
+}

package/es/date-picker/style/shortcuts.less

@@ -1,25 +1,25 @@
-@import '../../style/theme/index.less';
-
-@date-picker-prefix-cls: ~'@{prefix}-datepicker';
-
-.@{date-picker-prefix-cls}-shortcuts-wrapper {
-  box-sizing: border-box;
-  width: 106px;
-  height: 100%;
-  max-height: 300px;
-  margin: 10px 0 0 0;
-  padding: 0;
-  overflow-y: auto;
-  list-style: none;
-
-  > li {
-    box-sizing: border-box;
-    width: 100%;
-    padding: 6px 16px;
-    cursor: pointer;
-
-    &:hover {
-      color: @color-primary-6;
-    }
-  }
-}
+@import '../../style/theme/index.less';
+
+@date-picker-prefix-cls: ~'@{prefix}-datepicker';
+
+.@{date-picker-prefix-cls}-shortcuts-wrapper {
+  box-sizing: border-box;
+  width: 106px;
+  height: 100%;
+  max-height: 300px;
+  margin: 10px 0 0 0;
+  padding: 0;
+  overflow-y: auto;
+  list-style: none;
+
+  > li {
+    box-sizing: border-box;
+    width: 100%;
+    padding: 6px 16px;
+    cursor: pointer;
+
+    &:hover {
+      color: @color-primary-6;
+    }
+  }
+}

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

@@ -1,76 +1,76 @@
-@import '../../style/theme/index.less';
-
-// Panel
-@picker-container-border-radius: @radius-medium;
-
-@picker-header-padding-horizontal: 24px;
-@picker-header-padding-vertical: 24px;
-
-@picker-panel-date-width: 265px;
-@picker-panel-month-width: 265px;
-@picker-panel-year-width: 265px;
-@picker-panel-week-width: 298px;
-@picker-panel-quarter-width: 265px;
-
-@picker-panel-time-cell-width: 36px;
-@picker-panel-time-cell-spacing-horizontal: 4px;
-@picker-panel-time-padding-horizontal: 10px;
-
-@picker-panel-cell-padding-vertical: 4px;
-@picker-panel-cell-circle-height: 24px;
-
-@picker-color-switch-icon: var(~'@{arco-cssvars-prefix}-color-text-2');
-@picker-color-bg-switch-icon: var(~'@{arco-cssvars-prefix}-color-bg-popup');
-@picker-color-bg-switch-icon_hover: var(~'@{arco-cssvars-prefix}-color-fill-3');
-
-@picker-cell-font-weight-in-view: @font-weight-500;
-@picker-color-cell-text-in-view: var(~'@{arco-cssvars-prefix}-color-text-1');
-@picker-color-cell-text-not-in-view: var(
-  ~'@{arco-cssvars-prefix}-color-text-4'
-);
-@picker-color-bg-circle_selected: @color-primary-6;
-@picker-color-bg-circle_selected: @color-primary-6;
-@picker-color-bg-cell-in-range: var(
-  ~'@{arco-cssvars-prefix}-color-primary-light-1'
-);
-@picker-color-bg-cell-disabled: var(~'@{arco-cssvars-prefix}-color-fill-1');
-@picker-color-text-cell-range-boundary: var(
-  ~'@{arco-cssvars-prefix}-color-white'
-);
-@picker-color-bg-cell-range-boundary: @color-primary-6;
-@picker-color-bg-cell-hover-in-range: var(
-  ~'@{arco-cssvars-prefix}-color-primary-light-1'
-);
-@picker-color-text-cell-hover-range-boundary: var(
-  ~'@{arco-cssvars-prefix}-color-text-1'
-);
-@picker-color-bg-cell-hover-range-boundary: var(
-  ~'@{arco-cssvars-prefix}-color-primary-light-2'
-);
-
-@picker-panel-color-border: var(~'@{arco-cssvars-prefix}-color-neutral-3');
-@picker-panel-color-text-cell_hover: var(
-  ~'@{arco-cssvars-prefix}-color-text-1'
-);
-@picker-panel-color-bg-cell_hover: var(~'@{arco-cssvars-prefix}-color-fill-3');
-@picker-panel-color-text-cell_selected: var(
-  ~'@{arco-cssvars-prefix}-color-white'
-);
-@picker-panel-color-bg-cell_selected: @color-primary-6;
-@picker-panel-color-current-time-dot: @color-primary-6;
-
-@picker-panel-border-radius-cell_selected: @radius-circle;
-@picker-panel-cell-boundary-border-radius: @picker-panel-cell-circle-height;
-@picker-panel-cell-border-radius: @picker-panel-cell-circle-height;
-
-@datepicker-view-tabs-height: 50px;
-@datepicker-view-tab-pane-color-text_unactive: var(
-  ~'@{arco-cssvars-prefix}-color-text-4'
-);
-@datepicker-view-tab-pane-color-text_active: var(
-  ~'@{arco-cssvars-prefix}-color-text-1'
-);
-@datepicker-view-tab-pane-font-size: 14px;
-@datepicker-view-tab-pane-spacing-text-icon: 8px;
-
-@picker-panel-color-bg-label_hover: var(~'@{arco-cssvars-prefix}-color-fill-3');
+@import '../../style/theme/index.less';
+
+// Panel
+@picker-container-border-radius: @radius-medium;
+
+@picker-header-padding-horizontal: 24px;
+@picker-header-padding-vertical: 24px;
+
+@picker-panel-date-width: 265px;
+@picker-panel-month-width: 265px;
+@picker-panel-year-width: 265px;
+@picker-panel-week-width: 298px;
+@picker-panel-quarter-width: 265px;
+
+@picker-panel-time-cell-width: 36px;
+@picker-panel-time-cell-spacing-horizontal: 4px;
+@picker-panel-time-padding-horizontal: 10px;
+
+@picker-panel-cell-padding-vertical: 4px;
+@picker-panel-cell-circle-height: 24px;
+
+@picker-color-switch-icon: var(~'@{arco-cssvars-prefix}-color-text-2');
+@picker-color-bg-switch-icon: var(~'@{arco-cssvars-prefix}-color-bg-popup');
+@picker-color-bg-switch-icon_hover: var(~'@{arco-cssvars-prefix}-color-fill-3');
+
+@picker-cell-font-weight-in-view: @font-weight-500;
+@picker-color-cell-text-in-view: var(~'@{arco-cssvars-prefix}-color-text-1');
+@picker-color-cell-text-not-in-view: var(
+  ~'@{arco-cssvars-prefix}-color-text-4'
+);
+@picker-color-bg-circle_selected: @color-primary-6;
+@picker-color-bg-circle_selected: @color-primary-6;
+@picker-color-bg-cell-in-range: var(
+  ~'@{arco-cssvars-prefix}-color-primary-light-1'
+);
+@picker-color-bg-cell-disabled: var(~'@{arco-cssvars-prefix}-color-fill-1');
+@picker-color-text-cell-range-boundary: var(
+  ~'@{arco-cssvars-prefix}-color-white'
+);
+@picker-color-bg-cell-range-boundary: @color-primary-6;
+@picker-color-bg-cell-hover-in-range: var(
+  ~'@{arco-cssvars-prefix}-color-primary-light-1'
+);
+@picker-color-text-cell-hover-range-boundary: var(
+  ~'@{arco-cssvars-prefix}-color-text-1'
+);
+@picker-color-bg-cell-hover-range-boundary: var(
+  ~'@{arco-cssvars-prefix}-color-primary-light-2'
+);
+
+@picker-panel-color-border: var(~'@{arco-cssvars-prefix}-color-neutral-3');
+@picker-panel-color-text-cell_hover: var(
+  ~'@{arco-cssvars-prefix}-color-text-1'
+);
+@picker-panel-color-bg-cell_hover: var(~'@{arco-cssvars-prefix}-color-fill-3');
+@picker-panel-color-text-cell_selected: var(
+  ~'@{arco-cssvars-prefix}-color-white'
+);
+@picker-panel-color-bg-cell_selected: @color-primary-6;
+@picker-panel-color-current-time-dot: @color-primary-6;
+
+@picker-panel-border-radius-cell_selected: @radius-circle;
+@picker-panel-cell-boundary-border-radius: @picker-panel-cell-circle-height;
+@picker-panel-cell-border-radius: @picker-panel-cell-circle-height;
+
+@datepicker-view-tabs-height: 50px;
+@datepicker-view-tab-pane-color-text_unactive: var(
+  ~'@{arco-cssvars-prefix}-color-text-4'
+);
+@datepicker-view-tab-pane-color-text_active: var(
+  ~'@{arco-cssvars-prefix}-color-text-1'
+);
+@datepicker-view-tab-pane-font-size: 14px;
+@datepicker-view-tab-pane-spacing-text-icon: 8px;
+
+@picker-panel-color-bg-label_hover: var(~'@{arco-cssvars-prefix}-color-fill-3');

package/es/date-picker/style/week.less

@@ -1,68 +1,68 @@
-@import './token.less';
-
-@week-panel-prefix-cls: ~'@{prefix}-panel-week';
-@picker-prefix-cls: ~'@{prefix}-picker';
-
-.@{week-panel-prefix-cls} {
-  box-sizing: border-box;
-
-  &-wrapper {
-    display: flex;
-  }
-
-  &-inner {
-    width: @picker-panel-week-width;
-  }
-
-  &-inner .@{picker-prefix-cls}-body {
-    padding-top: 0;
-  }
-
-  .@{picker-prefix-cls}-row-week {
-    cursor: pointer;
-
-    .@{picker-prefix-cls}-date-value {
-      width: 100%;
-      border-radius: 0;
-    }
-  }
-
-  .@{picker-prefix-cls}-cell {
-    .@{picker-prefix-cls}-date {
-      border-radius: 0;
-    }
-
-    &:nth-child(2) {
-      .@{picker-prefix-cls}-date {
-        padding-left: 4px;
-        border-top-left-radius: @picker-panel-cell-boundary-border-radius;
-        border-bottom-left-radius: @picker-panel-cell-boundary-border-radius;
-
-        .@{picker-prefix-cls}-date-value {
-          border-top-left-radius: @picker-panel-cell-border-radius;
-          border-bottom-left-radius: @picker-panel-cell-border-radius;
-        }
-      }
-    }
-
-    &:nth-child(8) {
-      .@{picker-prefix-cls}-date {
-        padding-right: 4px;
-        border-top-right-radius: @picker-panel-cell-boundary-border-radius;
-        border-bottom-right-radius: @picker-panel-cell-boundary-border-radius;
-
-        .@{picker-prefix-cls}-date-value {
-          border-top-right-radius: @picker-panel-cell-border-radius;
-          border-bottom-right-radius: @picker-panel-cell-border-radius;
-        }
-      }
-    }
-  }
-
-  .@{picker-prefix-cls}-row-week:hover
-    .@{picker-prefix-cls}-cell:not(.@{picker-prefix-cls}-cell-week):not(.@{picker-prefix-cls}-cell-selected):not(.@{picker-prefix-cls}-cell-range-start):not(.@{picker-prefix-cls}-cell-range-end) {
-    .@{picker-prefix-cls}-date-value {
-      background-color: @picker-panel-color-bg-cell_hover;
-    }
-  }
-}
+@import './token.less';
+
+@week-panel-prefix-cls: ~'@{prefix}-panel-week';
+@picker-prefix-cls: ~'@{prefix}-picker';
+
+.@{week-panel-prefix-cls} {
+  box-sizing: border-box;
+
+  &-wrapper {
+    display: flex;
+  }
+
+  &-inner {
+    width: @picker-panel-week-width;
+  }
+
+  &-inner .@{picker-prefix-cls}-body {
+    padding-top: 0;
+  }
+
+  .@{picker-prefix-cls}-row-week {
+    cursor: pointer;
+
+    .@{picker-prefix-cls}-date-value {
+      width: 100%;
+      border-radius: 0;
+    }
+  }
+
+  .@{picker-prefix-cls}-cell {
+    .@{picker-prefix-cls}-date {
+      border-radius: 0;
+    }
+
+    &:nth-child(2) {
+      .@{picker-prefix-cls}-date {
+        padding-left: 4px;
+        border-top-left-radius: @picker-panel-cell-boundary-border-radius;
+        border-bottom-left-radius: @picker-panel-cell-boundary-border-radius;
+
+        .@{picker-prefix-cls}-date-value {
+          border-top-left-radius: @picker-panel-cell-border-radius;
+          border-bottom-left-radius: @picker-panel-cell-border-radius;
+        }
+      }
+    }
+
+    &:nth-child(8) {
+      .@{picker-prefix-cls}-date {
+        padding-right: 4px;
+        border-top-right-radius: @picker-panel-cell-boundary-border-radius;
+        border-bottom-right-radius: @picker-panel-cell-boundary-border-radius;
+
+        .@{picker-prefix-cls}-date-value {
+          border-top-right-radius: @picker-panel-cell-border-radius;
+          border-bottom-right-radius: @picker-panel-cell-border-radius;
+        }
+      }
+    }
+  }
+
+  .@{picker-prefix-cls}-row-week:hover
+    .@{picker-prefix-cls}-cell:not(.@{picker-prefix-cls}-cell-week):not(.@{picker-prefix-cls}-cell-selected):not(.@{picker-prefix-cls}-cell-range-start):not(.@{picker-prefix-cls}-cell-range-end) {
+    .@{picker-prefix-cls}-date-value {
+      background-color: @picker-panel-color-bg-cell_hover;
+    }
+  }
+}

package/es/date-picker/style/year.less

@@ -1,8 +1,8 @@
-@import './token.less';
-
-@year-panel-prefix-cls: ~'@{prefix}-panel-year';
-
-.@{year-panel-prefix-cls} {
-  box-sizing: border-box;
-  width: @picker-panel-year-width;
-}
+@import './token.less';
+
+@year-panel-prefix-cls: ~'@{prefix}-panel-year';
+
+.@{year-panel-prefix-cls} {
+  box-sizing: border-box;
+  width: @picker-panel-year-width;
+}

package/es/descriptions/descriptions.d.ts

@@ -82,10 +82,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     layout: "horizontal" | "vertical" | "inline-horizontal" | "inline-vertical";
     data: DescData[];
     bordered: boolean;
+    tableLayout: "auto" | "fixed";
     align: "left" | "right" | "center" | {
         label?: "left" | "right" | "center" | undefined;
         value?: "left" | "right" | "center" | undefined;
     };
-    tableLayout: "auto" | "fixed";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/es/descriptions/index.d.ts

@@ -46,11 +46,11 @@ declare const Descriptions: {
         layout: "horizontal" | "vertical" | "inline-horizontal" | "inline-vertical";
         data: import("./interface").DescData[];
         bordered: boolean;
+        tableLayout: "auto" | "fixed";
         align: "left" | "right" | "center" | {
             label?: "left" | "right" | "center" | undefined;
             value?: "left" | "right" | "center" | undefined;
         };
-        tableLayout: "auto" | "fixed";
     }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
         B: {};
@@ -101,11 +101,11 @@ declare const Descriptions: {
         layout: "horizontal" | "vertical" | "inline-horizontal" | "inline-vertical";
         data: import("./interface").DescData[];
         bordered: boolean;
+        tableLayout: "auto" | "fixed";
         align: "left" | "right" | "center" | {
             label?: "left" | "right" | "center" | undefined;
             value?: "left" | "right" | "center" | undefined;
         };
-        tableLayout: "auto" | "fixed";
     }>;
     __isFragment?: undefined;
     __isTeleport?: undefined;
@@ -153,11 +153,11 @@ declare const Descriptions: {
     layout: "horizontal" | "vertical" | "inline-horizontal" | "inline-vertical";
     data: import("./interface").DescData[];
     bordered: boolean;
+    tableLayout: "auto" | "fixed";
     align: "left" | "right" | "center" | {
         label?: "left" | "right" | "center" | undefined;
         value?: "left" | "right" | "center" | undefined;
     };
-    tableLayout: "auto" | "fixed";
 }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
     DescriptionsItem: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
         span: {