@sdata/web-vue 1.19.0 → 2.1.1

package/es/table/index.d.ts

@@ -31,7 +31,7 @@ declare const Table: {
         };
         size: {
             type: import("vue").PropType<import("..").Size>;
-            default: () => "small" | "mini" | "medium" | "large";
+            default: () => "medium" | "large" | "small" | "mini";
         };
         loading: {
             type: (ObjectConstructor | BooleanConstructor)[];
@@ -239,9 +239,9 @@ declare const Table: {
         rowContextmenu: (_record: import("./interface").TableData, _ev: Event) => true;
         cellContextmenu: (_record: import("./interface").TableData, _column: import("./interface").TableColumnData, _ev: Event) => true;
     }, import("vue").PublicProps, {
-        size: "small" | "mini" | "medium" | "large";
-        data: import("./interface").TableData[];
+        size: "medium" | "large" | "small" | "mini";
         scrollbar: boolean | import("..").ScrollbarProps;
+        data: import("./interface").TableData[];
         loading: boolean | Record<string, any>;
         columns: import("./interface").TableColumnData[];
         bordered: boolean | import("./interface").TableBorder;
@@ -251,7 +251,7 @@ declare const Table: {
         filterIconAlignLeft: boolean;
         stripe: boolean;
         pagination: boolean | import("..").PaginationProps;
-        pagePosition: "top" | "tl" | "tr" | "bottom" | "bl" | "br";
+        pagePosition: "bottom" | "top" | "tl" | "tr" | "bl" | "br";
         rowKey: string | ((record: import("./interface").TableData) => import("../_utils/types").BaseType);
         showHeader: boolean;
         spanAll: boolean;
@@ -291,7 +291,7 @@ declare const Table: {
         };
         size: {
             type: import("vue").PropType<import("..").Size>;
-            default: () => "small" | "mini" | "medium" | "large";
+            default: () => "medium" | "large" | "small" | "mini";
         };
         loading: {
             type: (ObjectConstructor | BooleanConstructor)[];
@@ -476,9 +476,9 @@ declare const Table: {
         resetSorters(): void;
         clearSorters(): void;
     }, {
-        size: "small" | "mini" | "medium" | "large";
-        data: import("./interface").TableData[];
+        size: "medium" | "large" | "small" | "mini";
         scrollbar: boolean | import("..").ScrollbarProps;
+        data: import("./interface").TableData[];
         loading: boolean | Record<string, any>;
         columns: import("./interface").TableColumnData[];
         bordered: boolean | import("./interface").TableBorder;
@@ -488,7 +488,7 @@ declare const Table: {
         filterIconAlignLeft: boolean;
         stripe: boolean;
         pagination: boolean | import("..").PaginationProps;
-        pagePosition: "top" | "tl" | "tr" | "bottom" | "bl" | "br";
+        pagePosition: "bottom" | "top" | "tl" | "tr" | "bl" | "br";
         rowKey: string | ((record: import("./interface").TableData) => import("../_utils/types").BaseType);
         showHeader: boolean;
         spanAll: boolean;
@@ -525,7 +525,7 @@ declare const Table: {
     };
     size: {
         type: import("vue").PropType<import("..").Size>;
-        default: () => "small" | "mini" | "medium" | "large";
+        default: () => "medium" | "large" | "small" | "mini";
     };
     loading: {
         type: (ObjectConstructor | BooleanConstructor)[];
@@ -733,9 +733,9 @@ declare const Table: {
     rowContextmenu: (_record: import("./interface").TableData, _ev: Event) => true;
     cellContextmenu: (_record: import("./interface").TableData, _column: import("./interface").TableColumnData, _ev: Event) => true;
 }, string, {
-    size: "small" | "mini" | "medium" | "large";
-    data: import("./interface").TableData[];
+    size: "medium" | "large" | "small" | "mini";
     scrollbar: boolean | import("..").ScrollbarProps;
+    data: import("./interface").TableData[];
     loading: boolean | Record<string, any>;
     columns: import("./interface").TableColumnData[];
     bordered: boolean | import("./interface").TableBorder;
@@ -745,7 +745,7 @@ declare const Table: {
     filterIconAlignLeft: boolean;
     stripe: boolean;
     pagination: boolean | import("..").PaginationProps;
-    pagePosition: "top" | "tl" | "tr" | "bottom" | "bl" | "br";
+    pagePosition: "bottom" | "top" | "tl" | "tr" | "bl" | "br";
     rowKey: string | ((record: import("./interface").TableData) => import("../_utils/types").BaseType);
     showHeader: boolean;
     spanAll: boolean;
@@ -832,9 +832,9 @@ declare const Table: {
         resizable: BooleanConstructor;
     }>> & Readonly<{}>, {
         column: import("./interface").TableColumnData;
+        resizable: boolean;
         dataColumns: import("./interface").TableColumnData[];
         operations: import("./interface").TableOperationColumn[];
-        resizable: boolean;
     }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
     Td: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
         rowIndex: NumberConstructor;
@@ -944,8 +944,8 @@ declare const Table: {
         };
     }>> & Readonly<{}>, {
         type: "normal" | "checkbox" | "radio" | "expand" | "operation";
-        summary: boolean;
         column: import("./interface").TableColumnData;
+        summary: boolean;
         dataColumns: import("./interface").TableColumnData[];
         operations: import("./interface").TableOperationColumn[];
         record: import("./interface").TableDataWithRaw;

package/es/table/style/index.css

@@ -18,9 +18,9 @@
 .sd-table-filters-content {
   box-sizing: border-box;
   min-width: 100px;
-  background: var(--color-bg-5);
-  border: 1px solid var(--color-neutral-3);
-  border-radius: var(--border-radius-medium);
+  background: var(--sd-color-bg-5);
+  border: 1px solid var(--sd-color-neutral-3);
+  border-radius: var(--sd-border-radius-medium);
   box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
 }
 .sd-table-filters-list {
@@ -52,7 +52,7 @@
   padding: 0 12px;
   overflow: hidden;
   line-height: 38px;
-  border-top: 1px solid var(--color-neutral-3);
+  border-top: 1px solid var(--sd-color-neutral-3);
 }
 .sd-table-filters-bottom > *:not(*:last-child) {
   margin-right: 8px;
@@ -79,7 +79,7 @@
   z-index: 1;
   width: 2px;
   height: 0;
-  background-color: var(--color-neutral-3);
+  background-color: var(--sd-color-neutral-3);
   border-radius: 1px;
   transform: translate(-50%, -50%);
   transition: height 0.15s ease, background-color 0.15s ease;
@@ -87,11 +87,11 @@
 }
 .sd-table-column-handle:hover::after {
   height: 40%;
-  background-color: rgb(var(--primary-6));
+  background-color: rgb(var(--sd-primary-6));
 }
 .sd-table-th-resizing .sd-table-column-handle::after {
   height: 100%;
-  background-color: rgb(var(--primary-6));
+  background-color: rgb(var(--sd-primary-6));
 }
 .sd-table .sd-spin {
   display: flex;
@@ -102,10 +102,10 @@
   z-index: 2;
 }
 .sd-table-footer {
-  border-radius: 0 0 var(--border-radius-medium) var(--border-radius-medium);
+  border-radius: 0 0 var(--sd-border-radius-medium) var(--sd-border-radius-medium);
 }
 .sd-table-append {
-  background-color: var(--color-bg-2);
+  background-color: var(--sd-color-bg-2);
 }
 .sd-table-scroll-position-right .sd-table-col-fixed-left-last::after, .sd-table-scroll-position-middle .sd-table-col-fixed-left-last::after {
   box-shadow: inset 6px 0 8px -3px rgba(0, 0, 0, 0.15);
@@ -139,17 +139,17 @@
   width: 100%;
 }
 .sd-table-virtual-row-table {
-  background-color: var(--color-bg-2);
+  background-color: var(--sd-color-bg-2);
 }
 .sd-table-th {
   position: relative;
   box-sizing: border-box;
   min-width: 0;
-  color: rgb(var(--gray-10));
+  color: rgb(var(--sd-gray-10));
   font-weight: 500;
   line-height: 1.5715;
   text-align: left;
-  background-color: var(--color-neutral-2);
+  background-color: var(--sd-color-neutral-2);
 }
 .sd-table-th[colspan] {
   text-align: center;
@@ -169,12 +169,12 @@
 .sd-table-td {
   box-sizing: border-box;
   min-width: 0;
-  color: rgb(var(--gray-10));
+  color: rgb(var(--sd-gray-10));
   line-height: 1.5715;
   text-align: left;
   word-break: break-all;
-  background-color: var(--color-bg-2);
-  border-bottom: 1px solid var(--color-neutral-3);
+  background-color: var(--sd-color-bg-2);
+  border-bottom: 1px solid var(--sd-color-neutral-3);
 }
 .sd-table-td-align-right {
   text-align: right;
@@ -210,10 +210,10 @@
   width: 100%;
 }
 .sd-table .sd-table-th.sd-table-col-sorted {
-  background-color: var(--color-neutral-3);
+  background-color: var(--sd-color-neutral-3);
 }
 .sd-table .sd-table-td.sd-table-col-sorted {
-  background-color: var(--color-fill-1);
+  background-color: var(--sd-color-fill-1);
 }
 .sd-table-col-fixed-left, .sd-table-col-fixed-right {
   position: sticky;
@@ -242,13 +242,13 @@
   text-overflow: ellipsis;
 }
 .sd-table-editable-row .sd-table-cell-wrap-value {
-  border: 1px solid var(--color-white);
-  border-radius: var(--border-radius-medium);
+  border: 1px solid var(--sd-color-white);
+  border-radius: var(--sd-border-radius-medium);
   cursor: pointer;
   transition: all 0.1s cubic-bezier(0, 0, 1, 1);
 }
 .sd-table-editable-row:hover .sd-table-cell-wrap-value {
-  border: 1px solid var(--color-neutral-3);
+  border: 1px solid var(--sd-color-neutral-3);
 }
 .sd-table .sd-table-expand-btn {
   display: inline-flex;
@@ -257,10 +257,10 @@
   width: 14px;
   height: 14px;
   padding: 0;
-  color: var(--color-text-2);
+  color: var(--sd-color-text-2);
   font-size: 12px;
   line-height: 14px;
-  background-color: var(--color-neutral-3);
+  background-color: var(--sd-color-neutral-3);
   border: 1px solid transparent;
   border-radius: 2px;
   outline: none;
@@ -268,8 +268,8 @@
   transition: background-color 0.1s cubic-bezier(0, 0, 1, 1);
 }
 .sd-table .sd-table-expand-btn:hover {
-  color: var(--color-text-1);
-  background-color: var(--color-neutral-4);
+  color: var(--sd-color-text-1);
+  background-color: var(--sd-color-neutral-4);
   border-color: transparent;
 }
 .sd-table-cell-expand-icon {
@@ -284,7 +284,7 @@
   border: 0;
 }
 .sd-table-cell-expand-icon .sd-table-cell-inline-icon .sd-icon-loading {
-  color: rgb(var(--primary-6));
+  color: rgb(var(--sd-primary-6));
 }
 .sd-table-cell-expand-icon-hidden {
   display: inline-block;
@@ -293,7 +293,7 @@
   margin-right: 4px;
 }
 .sd-table-tr-expand .sd-table-td {
-  background-color: var(--color-fill-1);
+  background-color: var(--sd-color-fill-1);
 }
 .sd-table-cell-fixed-expand {
   position: sticky;
@@ -304,7 +304,7 @@
   border: none;
 }
 .sd-table-tr-expand .sd-table-td .sd-table .sd-table-th {
-  border-bottom: 1px solid var(--color-neutral-3);
+  border-bottom: 1px solid var(--sd-color-neutral-3);
 }
 .sd-table-tr-expand .sd-table-td .sd-table .sd-table-th,
 .sd-table-tr-expand .sd-table-td .sd-table .sd-table-td {
@@ -356,17 +356,17 @@
   cursor: pointer;
 }
 .sd-table-cell-with-sorter:hover {
-  background-color: rgb(var(--gray-4), 0.5);
+  background-color: rgb(var(--sd-gray-4), 0.5);
 }
 .sd-table-cell-with-filter {
   display: flex;
   align-items: center;
 }
 .sd-table-cell-next-ascend .sd-table-sorter-icon .sd-icon-caret-up {
-  color: var(--color-neutral-6);
+  color: var(--sd-color-neutral-6);
 }
 .sd-table-cell-next-descend .sd-table-sorter-icon .sd-icon-caret-down {
-  color: var(--color-neutral-6);
+  color: var(--sd-color-neutral-6);
 }
 .sd-table-sorter {
   display: inline-block;
@@ -387,7 +387,7 @@
 .sd-table-sorter-icon .sd-icon-caret-down {
   position: absolute;
   top: 50%;
-  color: var(--color-neutral-5);
+  color: var(--sd-color-neutral-5);
   font-size: 12px;
   transition: all 0.1s cubic-bezier(0, 0, 1, 1);
 }
@@ -400,7 +400,7 @@
   left: 1px;
 }
 .sd-table-sorter-icon.sd-table-sorter-icon-active svg {
-  color: rgb(var(--primary-6));
+  color: rgb(var(--sd-primary-6));
 }
 .sd-table-filters {
   position: absolute;
@@ -418,15 +418,15 @@
   transition: all 0.1s cubic-bezier(0, 0, 1, 1);
 }
 .sd-table-filters:hover, .sd-table-filters-open {
-  background-color: var(--color-neutral-4);
+  background-color: var(--sd-color-neutral-4);
 }
 .sd-table-filters svg {
-  color: var(--color-text-2);
+  color: var(--sd-color-text-2);
   font-size: 16px;
   transition: all 0.1s cubic-bezier(0, 0, 1, 1);
 }
 .sd-table-filters-active svg {
-  color: rgb(var(--primary-6));
+  color: rgb(var(--sd-primary-6));
 }
 .sd-table-filters-align-left {
   position: relative;
@@ -440,18 +440,18 @@
   background: none;
 }
 .sd-table-filters-align-left:hover::before, .sd-table-filters-align-left.sd-table-filters-open::before {
-  background: var(--color-fill-4);
+  background: var(--sd-color-fill-4);
 }
 .sd-table {
   /* ---- Table sorter, filter, checkbox, radio (End) ---- */
 }
 .sd-table-container {
   position: relative;
-  border-radius: var(--border-radius-medium) var(--border-radius-medium) 0 0;
+  border-radius: var(--sd-border-radius-medium) var(--sd-border-radius-medium) 0 0;
 }
 .sd-table-header {
   flex-shrink: 0;
-  border-radius: var(--border-radius-medium) var(--border-radius-medium) 0 0;
+  border-radius: var(--sd-border-radius-medium) var(--sd-border-radius-medium) 0 0;
 }
 .sd-table-container {
   box-sizing: border-box;
@@ -480,12 +480,12 @@
 .sd-table-container::before {
   top: 0;
   left: 0;
-  border-top-left-radius: var(--border-radius-medium);
+  border-top-left-radius: var(--sd-border-radius-medium);
 }
 .sd-table-container::after {
   top: 0;
   right: 0;
-  border-top-right-radius: var(--border-radius-medium);
+  border-top-right-radius: var(--sd-border-radius-medium);
 }
 .sd-table-container:not(.sd-table-has-fixed-col-left).sd-table-scroll-position-right::before, .sd-table-container:not(.sd-table-has-fixed-col-left).sd-table-scroll-position-middle::before {
   box-shadow: inset 6px 0 8px -3px rgba(0, 0, 0, 0.15);
@@ -497,7 +497,7 @@
   width: 100%;
   min-width: 100%;
   overflow: hidden;
-  background-color: var(--color-neutral-2);
+  background-color: var(--sd-color-neutral-2);
   scrollbar-color: transparent transparent;
 }
 .sd-table-header > .sd-table-element {
@@ -525,14 +525,14 @@
   width: 100%;
   min-height: 40px;
   overflow: auto;
-  background-color: var(--color-bg-2);
+  background-color: var(--sd-color-bg-2);
 }
 .sd-table-border .sd-table-container {
-  border-top: 1px solid var(--color-neutral-3);
-  border-left: 1px solid var(--color-neutral-3);
+  border-top: 1px solid var(--sd-color-neutral-3);
+  border-left: 1px solid var(--sd-color-neutral-3);
 }
 .sd-table-border .sd-table-scroll-y {
-  border-bottom: 1px solid var(--color-neutral-3);
+  border-bottom: 1px solid var(--sd-color-neutral-3);
 }
 .sd-table-border .sd-table-scroll-y .sd-table-body .sd-table-tr:last-of-type .sd-table-td,
 .sd-table-border .sd-table-scroll-y .sd-table-tfoot-content .sd-table-tr:last-of-type .sd-table-td {
@@ -544,40 +544,40 @@
   bottom: 0;
 }
 .sd-table-border .sd-table-tr .sd-table-th {
-  border-bottom: 1px solid var(--color-neutral-3);
+  border-bottom: 1px solid var(--sd-color-neutral-3);
 }
 .sd-table-border .sd-table-footer {
-  border: 1px solid var(--color-neutral-3);
+  border: 1px solid var(--sd-color-neutral-3);
   border-top: 0;
 }
 .sd-table-border:not(.sd-table-border-cell) .sd-table-container {
-  border-right: 1px solid var(--color-neutral-3);
+  border-right: 1px solid var(--sd-color-neutral-3);
 }
 .sd-table-border-cell .sd-table-th,
 .sd-table-border-cell .sd-table-td:not(.sd-table-tr-expand) {
-  border-right: 1px solid var(--color-neutral-3);
+  border-right: 1px solid var(--sd-color-neutral-3);
 }
 .sd-table-border-cell .sd-table-th-resizing,
 .sd-table-border-cell .sd-table-td-resizing:not(.sd-table-tr-expand) {
-  border-right-color: rgb(var(--primary-6));
+  border-right-color: rgb(var(--sd-primary-6));
 }
 .sd-table-border-header-cell .sd-table-th {
-  border-right: 1px solid var(--color-neutral-3);
-  border-bottom: 1px solid var(--color-neutral-3);
+  border-right: 1px solid var(--sd-color-neutral-3);
+  border-bottom: 1px solid var(--sd-color-neutral-3);
 }
 .sd-table-border-header-cell .sd-table-th-resizing,
 .sd-table-border-header-cell .sd-table-td-resizing:not(.sd-table-tr-expand) {
-  border-right-color: rgb(var(--primary-6));
+  border-right-color: rgb(var(--sd-primary-6));
 }
 .sd-table-border.sd-table-border-header-cell .sd-table-thead .sd-table-tr:first-child .sd-table-th:last-child {
   border-right: 0;
 }
 .sd-table-border-body-cell .sd-table-td:not(:last-child):not(.sd-table-tr-expand) {
-  border-right: 1px solid var(--color-neutral-3);
+  border-right: 1px solid var(--sd-color-neutral-3);
 }
 .sd-table-stripe:not(.sd-table-dragging) .sd-table-tr:not(.sd-table-tr-empty):not(.sd-table-tr-summary):nth-child(even) .sd-table-td:not(.sd-table-col-fixed-left):not(.sd-table-col-fixed-right),
 .sd-table-stripe .sd-table-tr-drag .sd-table-td:not(.sd-table-col-fixed-left):not(.sd-table-col-fixed-right) {
-  background-color: var(--color-fill-1);
+  background-color: var(--sd-color-fill-1);
 }
 .sd-table-stripe:not(.sd-table-dragging) .sd-table-tr:not(.sd-table-tr-empty):not(.sd-table-tr-summary):nth-child(even) .sd-table-td.sd-table-col-fixed-left::before,
 .sd-table-stripe:not(.sd-table-dragging) .sd-table-tr:not(.sd-table-tr-empty):not(.sd-table-tr-summary):nth-child(even) .sd-table-td.sd-table-col-fixed-right::before,
@@ -589,7 +589,7 @@
   z-index: -1;
   width: 100%;
   height: 100%;
-  background-color: var(--color-fill-1);
+  background-color: var(--sd-color-fill-1);
   content: "";
 }
 .sd-table .sd-table-tr-draggable .sd-table-td {
@@ -604,7 +604,7 @@
   right: 0;
   left: 0;
   height: 2px;
-  background-color: rgb(var(--primary-6));
+  background-color: rgb(var(--sd-primary-6));
   border-radius: 1px;
   content: "";
   pointer-events: none;
@@ -614,7 +614,7 @@
 }
 .sd-table-hover:not(.sd-table-dragging) .sd-table-tr:not(.sd-table-tr-empty):not(.sd-table-tr-summary):hover .sd-table-td:not(.sd-table-col-fixed-left):not(.sd-table-col-fixed-right),
 .sd-table-hover .sd-table-tr-drag .sd-table-td:not(.sd-table-col-fixed-left):not(.sd-table-col-fixed-right) {
-  background-color: var(--color-fill-1);
+  background-color: var(--sd-color-fill-1);
 }
 .sd-table-hover:not(.sd-table-dragging) .sd-table-tr:not(.sd-table-tr-empty):not(.sd-table-tr-summary):hover .sd-table-td.sd-table-col-fixed-left::before,
 .sd-table-hover:not(.sd-table-dragging) .sd-table-tr:not(.sd-table-tr-empty):not(.sd-table-tr-summary):hover .sd-table-td.sd-table-col-fixed-right::before,
@@ -626,11 +626,11 @@
   z-index: -1;
   width: 100%;
   height: 100%;
-  background-color: var(--color-fill-1);
+  background-color: var(--sd-color-fill-1);
   content: "";
 }
 .sd-table-hover .sd-table-tr-expand:not(.sd-table-tr-empty):hover .sd-table-td:not(.sd-table-col-fixed-left):not(.sd-table-col-fixed-right) {
-  background-color: var(--color-fill-1);
+  background-color: var(--sd-color-fill-1);
 }
 .sd-table-tr-expand .sd-table-td .sd-table-hover .sd-table-tr:not(.sd-table-tr-empty) .sd-table-td:not(.sd-table-col-fixed-left):not(.sd-table-col-fixed-right) {
   background-color: transparent;
@@ -645,8 +645,8 @@
   flex-shrink: 0;
   width: 100%;
   overflow-x: auto;
-  background-color: var(--color-neutral-2);
-  box-shadow: 0 -1px 0 var(--color-neutral-3);
+  background-color: var(--sd-color-neutral-2);
+  box-shadow: 0 -1px 0 var(--sd-color-neutral-3);
   scrollbar-color: transparent transparent;
 }
 .sd-table-tfoot::-webkit-scrollbar {
@@ -654,10 +654,10 @@
   background-color: transparent;
 }
 .sd-table .sd-table-tfoot-content .sd-table-td {
-  background-color: var(--color-neutral-2);
+  background-color: var(--sd-color-neutral-2);
 }
 .sd-table-tr-checked .sd-table-td {
-  background-color: var(--color-fill-1);
+  background-color: var(--sd-color-fill-1);
 }
 .sd-table .sd-table-cell {
   padding: 9px 16px;
@@ -757,5 +757,5 @@
 }
 
 :where(body, [sd-theme])[sd-theme=dark] .sd-table-tr-checked .sd-table-td {
-  background-color: var(--color-neutral-2);
+  background-color: var(--sd-color-neutral-2);
 }

package/es/table/table-operation-td.d.ts

@@ -132,7 +132,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 };
             }>, {
                 prefixCls: string;
-            }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+            }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                 prefix: {
                     type: StringConstructor;
                 };
@@ -144,8 +144,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     type: BooleanConstructor;
                     default: boolean;
                 };
-            }>> & Readonly<{}>, {
-                size: "small" | "mini" | "medium" | "large";
+            }>> & Readonly<{
+                onClick?: ((...args: any[]) => any) | undefined;
+            }>, {
+                size: "medium" | "large" | "small" | "mini";
                 disabled: boolean;
             }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
         } & import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
@@ -244,7 +246,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             };
         }>, {
             prefixCls: string;
-        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
             prefix: {
                 type: StringConstructor;
             };
@@ -256,8 +258,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 type: BooleanConstructor;
                 default: boolean;
             };
-        }>> & Readonly<{}>, {
-            size: "small" | "mini" | "medium" | "large";
+        }>> & Readonly<{
+            onClick?: ((...args: any[]) => any) | undefined;
+        }>, {
+            size: "medium" | "large" | "small" | "mini";
             disabled: boolean;
         }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
     } & import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
@@ -355,8 +359,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             change: (_value: string | number | boolean, _ev: Event) => true;
         }, import("vue").PublicProps, {
             type: "button" | "radio";
-            value: string | number | boolean;
             disabled: boolean;
+            value: string | number | boolean;
             modelValue: string | number | boolean;
             defaultChecked: boolean;
             uninjectGroupContext: boolean;
@@ -375,7 +379,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 };
             }>, {
                 prefixCls: string;
-            }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+            }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                 prefix: {
                     type: StringConstructor;
                 };
@@ -387,8 +391,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     type: BooleanConstructor;
                     default: boolean;
                 };
-            }>> & Readonly<{}>, {
-                size: "small" | "mini" | "medium" | "large";
+            }>> & Readonly<{
+                onClick?: ((...args: any[]) => any) | undefined;
+            }>, {
+                size: "medium" | "large" | "small" | "mini";
                 disabled: boolean;
             }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
         } & import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
@@ -428,8 +434,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             "onUpdate:modelValue"?: ((_value: string | number | boolean) => any) | undefined;
         }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
             type: "button" | "radio";
-            value: string | number | boolean;
             disabled: boolean;
+            value: string | number | boolean;
             modelValue: string | number | boolean;
             defaultChecked: boolean;
             uninjectGroupContext: boolean;
@@ -470,8 +476,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         change: (_value: string | number | boolean, _ev: Event) => true;
     }, string, {
         type: "button" | "radio";
-        value: string | number | boolean;
         disabled: boolean;
+        value: string | number | boolean;
         modelValue: string | number | boolean;
         defaultChecked: boolean;
         uninjectGroupContext: boolean;
@@ -490,7 +496,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             };
         }>, {
             prefixCls: string;
-        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
             prefix: {
                 type: StringConstructor;
             };
@@ -502,8 +508,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 type: BooleanConstructor;
                 default: boolean;
             };
-        }>> & Readonly<{}>, {
-            size: "small" | "mini" | "medium" | "large";
+        }>> & Readonly<{
+            onClick?: ((...args: any[]) => any) | undefined;
+        }>, {
+            size: "medium" | "large" | "small" | "mini";
             disabled: boolean;
         }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
     } & import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {