@koi-design/uxd-ui 14.0.6 → 14.0.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (143) hide show
  1. package/es/components/Card/Card.d.ts +9 -9
  2. package/es/components/Card/Card.mjs +19 -26
  3. package/es/components/Card/Card.mjs.map +1 -1
  4. package/es/components/Card/Card.type.d.ts +4 -4
  5. package/es/components/Card/Card.type.mjs +4 -4
  6. package/es/components/Card/Card.type.mjs.map +1 -1
  7. package/es/components/Card/index.d.ts +15 -15
  8. package/es/components/DatePicker/DatePicker.mjs +2 -4
  9. package/es/components/DatePicker/DatePicker.mjs.map +1 -1
  10. package/es/components/DatePicker/Panel/DatePickerPanel.mjs +1 -0
  11. package/es/components/DatePicker/Panel/DatePickerPanel.mjs.map +1 -1
  12. package/es/components/Layout/Layout.type.d.ts +2 -7
  13. package/es/components/Layout/Layout.type.mjs +2 -7
  14. package/es/components/Layout/Layout.type.mjs.map +1 -1
  15. package/es/components/Layout/Sider.mjs +20 -16
  16. package/es/components/Layout/Sider.mjs.map +1 -1
  17. package/es/components/Layout/Sider.vue.d.ts +9 -17
  18. package/es/components/Layout/index.d.ts +9 -17
  19. package/es/components/Menu/Menu.d.ts +0 -11
  20. package/es/components/Menu/Menu.mjs +1 -3
  21. package/es/components/Menu/Menu.mjs.map +1 -1
  22. package/es/components/Menu/Menu.type.d.ts +0 -6
  23. package/es/components/Menu/Menu.type.mjs +0 -5
  24. package/es/components/Menu/Menu.type.mjs.map +1 -1
  25. package/es/components/Menu/SubMenu.mjs +1 -3
  26. package/es/components/Menu/SubMenu.mjs.map +1 -1
  27. package/es/components/Menu/SubMenu.vue.d.ts +0 -1
  28. package/es/components/Menu/index.d.ts +0 -19
  29. package/es/components/Table/BaseTable.vue.d.ts +0 -19
  30. package/es/components/Table/BodyTable.vue.d.ts +0 -19
  31. package/es/components/Table/HeadTable.vue.d.ts +0 -19
  32. package/es/components/Table/Table.vue.d.ts +0 -38
  33. package/es/components/Table/TableBox.vue.d.ts +0 -38
  34. package/es/components/Table/tableUnits/FilterDropdown.vue.d.ts +0 -19
  35. package/es/components/Table/tableUnits/SelectionCheckAll.vue.d.ts +0 -19
  36. package/es/components/Table/tableUnits/TableHeader.vue.d.ts +0 -19
  37. package/es/components/Table/tableUnits/TableHeaderRow.vue.d.ts +0 -19
  38. package/es/components/base/CollapseTransition.mjs +0 -16
  39. package/es/components/base/CollapseTransition.mjs.map +1 -1
  40. package/es/components/base/hooks/useGlobalConfig.d.ts +1 -0
  41. package/es/components/locale/default.d.ts +1 -0
  42. package/es/components/locale/default.mjs.map +1 -1
  43. package/lib/components/Card/Card.d.ts +9 -9
  44. package/lib/components/Card/Card.js +22 -29
  45. package/lib/components/Card/Card.js.map +1 -1
  46. package/lib/components/Card/Card.type.d.ts +4 -4
  47. package/lib/components/Card/Card.type.js +4 -4
  48. package/lib/components/Card/Card.type.js.map +1 -1
  49. package/lib/components/Card/index.d.ts +15 -15
  50. package/lib/components/DatePicker/DatePicker.js +2 -4
  51. package/lib/components/DatePicker/DatePicker.js.map +1 -1
  52. package/lib/components/DatePicker/Panel/DatePickerPanel.js +1 -0
  53. package/lib/components/DatePicker/Panel/DatePickerPanel.js.map +1 -1
  54. package/lib/components/Layout/Layout.type.d.ts +2 -7
  55. package/lib/components/Layout/Layout.type.js +2 -7
  56. package/lib/components/Layout/Layout.type.js.map +1 -1
  57. package/lib/components/Layout/Sider.js +19 -15
  58. package/lib/components/Layout/Sider.js.map +1 -1
  59. package/lib/components/Layout/Sider.vue.d.ts +9 -17
  60. package/lib/components/Layout/index.d.ts +9 -17
  61. package/lib/components/Menu/Menu.d.ts +0 -11
  62. package/lib/components/Menu/Menu.js +1 -3
  63. package/lib/components/Menu/Menu.js.map +1 -1
  64. package/lib/components/Menu/Menu.type.d.ts +0 -6
  65. package/lib/components/Menu/Menu.type.js +0 -5
  66. package/lib/components/Menu/Menu.type.js.map +1 -1
  67. package/lib/components/Menu/SubMenu.js +1 -3
  68. package/lib/components/Menu/SubMenu.js.map +1 -1
  69. package/lib/components/Menu/SubMenu.vue.d.ts +0 -1
  70. package/lib/components/Menu/index.d.ts +0 -19
  71. package/lib/components/Table/BaseTable.vue.d.ts +0 -19
  72. package/lib/components/Table/BodyTable.vue.d.ts +0 -19
  73. package/lib/components/Table/HeadTable.vue.d.ts +0 -19
  74. package/lib/components/Table/Table.vue.d.ts +0 -38
  75. package/lib/components/Table/TableBox.vue.d.ts +0 -38
  76. package/lib/components/Table/tableUnits/FilterDropdown.vue.d.ts +0 -19
  77. package/lib/components/Table/tableUnits/SelectionCheckAll.vue.d.ts +0 -19
  78. package/lib/components/Table/tableUnits/TableHeader.vue.d.ts +0 -19
  79. package/lib/components/Table/tableUnits/TableHeaderRow.vue.d.ts +0 -19
  80. package/lib/components/base/CollapseTransition.js +0 -16
  81. package/lib/components/base/CollapseTransition.js.map +1 -1
  82. package/lib/components/base/hooks/useGlobalConfig.d.ts +1 -0
  83. package/lib/components/locale/default.d.ts +1 -0
  84. package/lib/components/locale/default.js.map +1 -1
  85. package/package.json +1 -1
  86. package/styles/components/alert/index.css +1 -1
  87. package/styles/components/autoComplete/index.css +1 -1
  88. package/styles/components/avatar/index.css +1 -1
  89. package/styles/components/breadcrumb/index.css +1 -1
  90. package/styles/components/breadcrumb/index.less +5 -6
  91. package/styles/components/breadcrumb/var.less +4 -6
  92. package/styles/components/button/index.css +1 -1
  93. package/styles/components/card/index.css +1 -1
  94. package/styles/components/card/index.less +64 -70
  95. package/styles/components/card/var.less +4 -13
  96. package/styles/components/carousel/index.css +1 -1
  97. package/styles/components/cascader/index.css +1 -1
  98. package/styles/components/datePicker/index.css +1 -1
  99. package/styles/components/form/index.css +1 -1
  100. package/styles/components/icon/index.css +1 -1
  101. package/styles/components/input/index.css +1 -1
  102. package/styles/components/inputNumber/index.css +1 -1
  103. package/styles/components/layout/index.css +1 -1
  104. package/styles/components/layout/index.less +40 -55
  105. package/styles/components/layout/var.less +9 -41
  106. package/styles/components/link/index.css +1 -1
  107. package/styles/components/mentions/index.css +1 -1
  108. package/styles/components/menu/index.css +1 -1
  109. package/styles/components/menu/index.less +63 -207
  110. package/styles/components/menu/var.less +39 -69
  111. package/styles/components/modal/index.css +1 -1
  112. package/styles/components/select/index.css +1 -1
  113. package/styles/components/spin/index.css +1 -1
  114. package/styles/components/timePicker/index.css +1 -1
  115. package/styles/cssVariable.css +1 -1
  116. package/styles/cssVariable.less +8 -7
  117. package/styles/index.css +1 -1
  118. package/types/components/Card/Card.d.ts +9 -9
  119. package/types/components/Card/Card.type.d.ts +4 -4
  120. package/types/components/Card/index.d.ts +15 -15
  121. package/types/components/Layout/Layout.type.d.ts +2 -7
  122. package/types/components/Layout/Sider.vue.d.ts +9 -17
  123. package/types/components/Layout/index.d.ts +9 -17
  124. package/types/components/Menu/Menu.d.ts +0 -11
  125. package/types/components/Menu/Menu.type.d.ts +0 -6
  126. package/types/components/Menu/SubMenu.vue.d.ts +0 -1
  127. package/types/components/Menu/index.d.ts +0 -19
  128. package/types/components/Table/BaseTable.vue.d.ts +0 -19
  129. package/types/components/Table/BodyTable.vue.d.ts +0 -19
  130. package/types/components/Table/HeadTable.vue.d.ts +0 -19
  131. package/types/components/Table/Table.vue.d.ts +0 -38
  132. package/types/components/Table/TableBox.vue.d.ts +0 -38
  133. package/types/components/Table/tableUnits/FilterDropdown.vue.d.ts +0 -19
  134. package/types/components/Table/tableUnits/SelectionCheckAll.vue.d.ts +0 -19
  135. package/types/components/Table/tableUnits/TableHeader.vue.d.ts +0 -19
  136. package/types/components/Table/tableUnits/TableHeaderRow.vue.d.ts +0 -19
  137. package/types/components/base/hooks/useGlobalConfig.d.ts +1 -0
  138. package/types/components/locale/default.d.ts +1 -0
  139. package/uxd-ui.css +1 -1
  140. package/uxd-ui.esm.min.mjs +6 -6
  141. package/uxd-ui.esm.mjs +373 -406
  142. package/uxd-ui.umd.js +372 -405
  143. package/uxd-ui.umd.min.js +6 -6
@@ -1811,11 +1811,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
1811
1811
  default: string;
1812
1812
  validator: (val: "inline" | "vertical" | "horizontal" | "vertical-left" | "vertical-right") => boolean;
1813
1813
  };
1814
- theme: {
1815
- type: PropType<"light" | "dark">;
1816
- default: string;
1817
- validator: (val: "light" | "dark") => boolean;
1818
- };
1819
1814
  selectedKeys: {
1820
1815
  type: PropType<(string | number)[]>;
1821
1816
  validator: (val: any[]) => boolean;
@@ -1873,7 +1868,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
1873
1868
  }, import("vue").PublicProps, {
1874
1869
  mode: "inline" | "vertical" | "horizontal" | "vertical-left" | "vertical-right";
1875
1870
  multiple: boolean;
1876
- theme: "light" | "dark";
1877
1871
  openKeys: (string | number)[];
1878
1872
  subMenuOpenDelay: number;
1879
1873
  subMenuCloseDelay: number;
@@ -1901,11 +1895,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
1901
1895
  default: string;
1902
1896
  validator: (val: "inline" | "vertical" | "horizontal" | "vertical-left" | "vertical-right") => boolean;
1903
1897
  };
1904
- theme: {
1905
- type: PropType<"light" | "dark">;
1906
- default: string;
1907
- validator: (val: "light" | "dark") => boolean;
1908
- };
1909
1898
  selectedKeys: {
1910
1899
  type: PropType<(string | number)[]>;
1911
1900
  validator: (val: any[]) => boolean;
@@ -1956,7 +1945,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
1956
1945
  }, {}, {}, {}, {
1957
1946
  mode: "inline" | "vertical" | "horizontal" | "vertical-left" | "vertical-right";
1958
1947
  multiple: boolean;
1959
- theme: "light" | "dark";
1960
1948
  openKeys: (string | number)[];
1961
1949
  subMenuOpenDelay: number;
1962
1950
  subMenuCloseDelay: number;
@@ -1972,11 +1960,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
1972
1960
  default: string;
1973
1961
  validator: (val: "inline" | "vertical" | "horizontal" | "vertical-left" | "vertical-right") => boolean;
1974
1962
  };
1975
- theme: {
1976
- type: PropType<"light" | "dark">;
1977
- default: string;
1978
- validator: (val: "light" | "dark") => boolean;
1979
- };
1980
1963
  selectedKeys: {
1981
1964
  type: PropType<(string | number)[]>;
1982
1965
  validator: (val: any[]) => boolean;
@@ -2034,7 +2017,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
2034
2017
  }, string, {
2035
2018
  mode: "inline" | "vertical" | "horizontal" | "vertical-left" | "vertical-right";
2036
2019
  multiple: boolean;
2037
- theme: "light" | "dark";
2038
2020
  openKeys: (string | number)[];
2039
2021
  subMenuOpenDelay: number;
2040
2022
  subMenuCloseDelay: number;
@@ -2827,7 +2809,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
2827
2809
  titleStyle: import("vue").ComputedRef<{}>;
2828
2810
  mode: import("vue").ComputedRef<"inline" | "vertical" | "horizontal" | "vertical-left" | "vertical-right">;
2829
2811
  subMode: import("vue").ComputedRef<"inline" | "vertical" | "horizontal" | "vertical-left" | "vertical-right">;
2830
- theme: import("vue").Ref<"light" | "dark", "light" | "dark">;
2831
2812
  isOpen: import("vue").ComputedRef<boolean>;
2832
2813
  isSelected: import("vue").ComputedRef<boolean>;
2833
2814
  menuId: import("vue").ComputedRef<string>;
@@ -807,11 +807,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
807
807
  default: string;
808
808
  validator: (val: "inline" | "vertical" | "horizontal" | "vertical-left" | "vertical-right") => boolean;
809
809
  };
810
- theme: {
811
- type: PropType<"light" | "dark">;
812
- default: string;
813
- validator: (val: "light" | "dark") => boolean;
814
- };
815
810
  selectedKeys: {
816
811
  type: PropType<(string | number)[]>;
817
812
  validator: (val: any[]) => boolean;
@@ -869,7 +864,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
869
864
  }, import("vue").PublicProps, {
870
865
  mode: "inline" | "vertical" | "horizontal" | "vertical-left" | "vertical-right";
871
866
  multiple: boolean;
872
- theme: "light" | "dark";
873
867
  openKeys: (string | number)[];
874
868
  subMenuOpenDelay: number;
875
869
  subMenuCloseDelay: number;
@@ -897,11 +891,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
897
891
  default: string;
898
892
  validator: (val: "inline" | "vertical" | "horizontal" | "vertical-left" | "vertical-right") => boolean;
899
893
  };
900
- theme: {
901
- type: PropType<"light" | "dark">;
902
- default: string;
903
- validator: (val: "light" | "dark") => boolean;
904
- };
905
894
  selectedKeys: {
906
895
  type: PropType<(string | number)[]>;
907
896
  validator: (val: any[]) => boolean;
@@ -952,7 +941,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
952
941
  }, {}, {}, {}, {
953
942
  mode: "inline" | "vertical" | "horizontal" | "vertical-left" | "vertical-right";
954
943
  multiple: boolean;
955
- theme: "light" | "dark";
956
944
  openKeys: (string | number)[];
957
945
  subMenuOpenDelay: number;
958
946
  subMenuCloseDelay: number;
@@ -968,11 +956,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
968
956
  default: string;
969
957
  validator: (val: "inline" | "vertical" | "horizontal" | "vertical-left" | "vertical-right") => boolean;
970
958
  };
971
- theme: {
972
- type: PropType<"light" | "dark">;
973
- default: string;
974
- validator: (val: "light" | "dark") => boolean;
975
- };
976
959
  selectedKeys: {
977
960
  type: PropType<(string | number)[]>;
978
961
  validator: (val: any[]) => boolean;
@@ -1030,7 +1013,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
1030
1013
  }, string, {
1031
1014
  mode: "inline" | "vertical" | "horizontal" | "vertical-left" | "vertical-right";
1032
1015
  multiple: boolean;
1033
- theme: "light" | "dark";
1034
1016
  openKeys: (string | number)[];
1035
1017
  subMenuOpenDelay: number;
1036
1018
  subMenuCloseDelay: number;
@@ -1823,7 +1805,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
1823
1805
  titleStyle: import("vue").ComputedRef<{}>;
1824
1806
  mode: import("vue").ComputedRef<"inline" | "vertical" | "horizontal" | "vertical-left" | "vertical-right">;
1825
1807
  subMode: import("vue").ComputedRef<"inline" | "vertical" | "horizontal" | "vertical-left" | "vertical-right">;
1826
- theme: import("vue").Ref<"light" | "dark", "light" | "dark">;
1827
1808
  isOpen: import("vue").ComputedRef<boolean>;
1828
1809
  isSelected: import("vue").ComputedRef<boolean>;
1829
1810
  menuId: import("vue").ComputedRef<string>;
@@ -795,11 +795,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
795
795
  default: string;
796
796
  validator: (val: "inline" | "vertical" | "horizontal" | "vertical-left" | "vertical-right") => boolean;
797
797
  };
798
- theme: {
799
- type: PropType<"light" | "dark">;
800
- default: string;
801
- validator: (val: "light" | "dark") => boolean;
802
- };
803
798
  selectedKeys: {
804
799
  type: PropType<(string | number)[]>;
805
800
  validator: (val: any[]) => boolean;
@@ -857,7 +852,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
857
852
  }, import("vue").PublicProps, {
858
853
  mode: "inline" | "vertical" | "horizontal" | "vertical-left" | "vertical-right";
859
854
  multiple: boolean;
860
- theme: "light" | "dark";
861
855
  openKeys: (string | number)[];
862
856
  subMenuOpenDelay: number;
863
857
  subMenuCloseDelay: number;
@@ -885,11 +879,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
885
879
  default: string;
886
880
  validator: (val: "inline" | "vertical" | "horizontal" | "vertical-left" | "vertical-right") => boolean;
887
881
  };
888
- theme: {
889
- type: PropType<"light" | "dark">;
890
- default: string;
891
- validator: (val: "light" | "dark") => boolean;
892
- };
893
882
  selectedKeys: {
894
883
  type: PropType<(string | number)[]>;
895
884
  validator: (val: any[]) => boolean;
@@ -940,7 +929,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
940
929
  }, {}, {}, {}, {
941
930
  mode: "inline" | "vertical" | "horizontal" | "vertical-left" | "vertical-right";
942
931
  multiple: boolean;
943
- theme: "light" | "dark";
944
932
  openKeys: (string | number)[];
945
933
  subMenuOpenDelay: number;
946
934
  subMenuCloseDelay: number;
@@ -956,11 +944,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
956
944
  default: string;
957
945
  validator: (val: "inline" | "vertical" | "horizontal" | "vertical-left" | "vertical-right") => boolean;
958
946
  };
959
- theme: {
960
- type: PropType<"light" | "dark">;
961
- default: string;
962
- validator: (val: "light" | "dark") => boolean;
963
- };
964
947
  selectedKeys: {
965
948
  type: PropType<(string | number)[]>;
966
949
  validator: (val: any[]) => boolean;
@@ -1018,7 +1001,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
1018
1001
  }, string, {
1019
1002
  mode: "inline" | "vertical" | "horizontal" | "vertical-left" | "vertical-right";
1020
1003
  multiple: boolean;
1021
- theme: "light" | "dark";
1022
1004
  openKeys: (string | number)[];
1023
1005
  subMenuOpenDelay: number;
1024
1006
  subMenuCloseDelay: number;
@@ -1811,7 +1793,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
1811
1793
  titleStyle: import("vue").ComputedRef<{}>;
1812
1794
  mode: import("vue").ComputedRef<"inline" | "vertical" | "horizontal" | "vertical-left" | "vertical-right">;
1813
1795
  subMode: import("vue").ComputedRef<"inline" | "vertical" | "horizontal" | "vertical-left" | "vertical-right">;
1814
- theme: import("vue").Ref<"light" | "dark", "light" | "dark">;
1815
1796
  isOpen: import("vue").ComputedRef<boolean>;
1816
1797
  isSelected: import("vue").ComputedRef<boolean>;
1817
1798
  menuId: import("vue").ComputedRef<string>;
@@ -4,24 +4,14 @@ import { addClass, removeClass } from '../../utils/dom.mjs';
4
4
  const TransitionEvents = {
5
5
  onBeforeEnter(el) {
6
6
  addClass(el, "collapse-transition");
7
- if (!el.dataset)
8
- el.dataset = {};
9
- el.dataset.oldPaddingTop = getComputedStyle(el).paddingTop || 0;
10
- el.dataset.oldPaddingBottom = getComputedStyle(el).paddingBottom || 0;
11
7
  el.style.height = 0;
12
- el.style.paddingTop = 0;
13
- el.style.paddingBottom = 0;
14
8
  },
15
9
  onEnter(el) {
16
10
  el.dataset.oldOverflow = el.style.overflow;
17
11
  if (el.scrollHeight !== 0) {
18
12
  el.style.height = `${el.scrollHeight}px`;
19
- el.style.paddingTop = el.dataset.oldPaddingTop;
20
- el.style.paddingBottom = el.dataset.oldPaddingBottom;
21
13
  } else {
22
14
  el.style.height = "";
23
- el.style.paddingTop = el.dataset.oldPaddingTop;
24
- el.style.paddingBottom = el.dataset.oldPaddingBottom;
25
15
  }
26
16
  el.style.overflow = "hidden";
27
17
  },
@@ -34,8 +24,6 @@ const TransitionEvents = {
34
24
  onBeforeLeave(el) {
35
25
  if (!el.dataset)
36
26
  el.dataset = {};
37
- el.dataset.oldPaddingTop = el.style.paddingTop;
38
- el.dataset.oldPaddingBottom = el.style.paddingBottom;
39
27
  el.dataset.oldOverflow = el.style.overflow;
40
28
  el.style.height = `${el.scrollHeight}px`;
41
29
  el.style.overflow = "hidden";
@@ -44,16 +32,12 @@ const TransitionEvents = {
44
32
  if (el.scrollHeight !== 0) {
45
33
  addClass(el, "collapse-transition");
46
34
  el.style.height = 0;
47
- el.style.paddingTop = 0;
48
- el.style.paddingBottom = 0;
49
35
  }
50
36
  },
51
37
  onAfterLeave(el) {
52
38
  removeClass(el, "collapse-transition");
53
39
  el.style.height = "";
54
40
  el.style.overflow = el.dataset.oldOverflow || "0";
55
- el.style.paddingTop = el.dataset.oldPaddingTop || "0";
56
- el.style.paddingBottom = el.dataset.oldPaddingBottom || "0";
57
41
  }
58
42
  };
59
43
  const CollapseTransition = (props, { slots }) => {
@@ -1 +1 @@
1
- {"version":3,"file":"CollapseTransition.mjs","sources":["../../../../src/components/base/CollapseTransition.ts"],"sourcesContent":["import { h, Transition } from 'vue';\nimport type { RendererElement, SetupContext } from 'vue';\nimport { addClass, removeClass } from '../../utils/dom';\n\nconst TransitionEvents = {\n onBeforeEnter(el: RendererElement) {\n addClass(el as HTMLElement, 'collapse-transition');\n if (!el.dataset) el.dataset = {};\n el.dataset.oldPaddingTop = getComputedStyle(el as Element).paddingTop || 0;\n el.dataset.oldPaddingBottom = getComputedStyle(el as Element).paddingBottom || 0;\n\n el.style.height = 0;\n el.style.paddingTop = 0;\n el.style.paddingBottom = 0;\n },\n\n onEnter(el: RendererElement) {\n el.dataset.oldOverflow = el.style.overflow;\n if (el.scrollHeight !== 0) {\n el.style.height = `${el.scrollHeight}px`;\n el.style.paddingTop = el.dataset.oldPaddingTop;\n el.style.paddingBottom = el.dataset.oldPaddingBottom;\n } else {\n el.style.height = '';\n el.style.paddingTop = el.dataset.oldPaddingTop;\n el.style.paddingBottom = el.dataset.oldPaddingBottom;\n }\n\n el.style.overflow = 'hidden';\n },\n\n onAfterEnter(el: RendererElement) {\n // for safari: remove class then reset height is necessary\n removeClass(el as HTMLElement, 'collapse-transition');\n el.style.height = ``;\n el.style.overflow = el.dataset.oldOverflow;\n el.style.overflow = 'hidden';\n },\n\n onBeforeLeave(el: RendererElement) {\n if (!el.dataset) el.dataset = {};\n el.dataset.oldPaddingTop = el.style.paddingTop;\n el.dataset.oldPaddingBottom = el.style.paddingBottom;\n el.dataset.oldOverflow = el.style.overflow;\n\n el.style.height = `${el.scrollHeight}px`;\n el.style.overflow = 'hidden';\n },\n\n onLeave(el: RendererElement) {\n if (el.scrollHeight !== 0) {\n // for safari: add class after set height, or it will jump to zero height suddenly, weired\n addClass(el as HTMLElement, 'collapse-transition');\n el.style.height = 0;\n el.style.paddingTop = 0;\n el.style.paddingBottom = 0;\n }\n },\n\n onAfterLeave(el: RendererElement) {\n removeClass(el as HTMLElement, 'collapse-transition');\n el.style.height = '';\n el.style.overflow = el.dataset.oldOverflow || '0';\n el.style.paddingTop = el.dataset.oldPaddingTop || '0';\n el.style.paddingBottom = el.dataset.oldPaddingBottom || '0';\n }\n};\n\nconst CollapseTransition = (props: { appear: boolean }, { slots }: Omit<SetupContext, 'expose'>) => {\n return h(Transition, { ...TransitionEvents, appear: props.appear }, slots.default);\n};\nCollapseTransition.props = {\n appear: {\n type: Boolean,\n default: true\n }\n};\nexport default CollapseTransition;\n"],"names":[],"mappings":";;;AAIA,MAAM,mBAAmB;AAAA,EACvB,cAAc,IAAqB;AACjC,aAAS,IAAmB,qBAAqB;AACjD,QAAI,CAAC,GAAG;AAAS,SAAG,UAAU;AAC9B,OAAG,QAAQ,gBAAgB,iBAAiB,EAAa,EAAE,cAAc;AACzE,OAAG,QAAQ,mBAAmB,iBAAiB,EAAa,EAAE,iBAAiB;AAE/E,OAAG,MAAM,SAAS;AAClB,OAAG,MAAM,aAAa;AACtB,OAAG,MAAM,gBAAgB;AAAA;AAC3B,EAEA,QAAQ,IAAqB;AAC3B,OAAG,QAAQ,cAAc,GAAG,MAAM;AAClC,QAAI,GAAG,iBAAiB,GAAG;AACzB,SAAG,MAAM,SAAS,GAAG,GAAG;AACxB,SAAG,MAAM,aAAa,GAAG,QAAQ;AACjC,SAAG,MAAM,gBAAgB,GAAG,QAAQ;AAAA,WAC/B;AACL,SAAG,MAAM,SAAS;AAClB,SAAG,MAAM,aAAa,GAAG,QAAQ;AACjC,SAAG,MAAM,gBAAgB,GAAG,QAAQ;AAAA;AAGtC,OAAG,MAAM,WAAW;AAAA;AACtB,EAEA,aAAa,IAAqB;AAEhC,gBAAY,IAAmB,qBAAqB;AACpD,OAAG,MAAM,SAAS;AAClB,OAAG,MAAM,WAAW,GAAG,QAAQ;AAC/B,OAAG,MAAM,WAAW;AAAA;AACtB,EAEA,cAAc,IAAqB;AACjC,QAAI,CAAC,GAAG;AAAS,SAAG,UAAU;AAC9B,OAAG,QAAQ,gBAAgB,GAAG,MAAM;AACpC,OAAG,QAAQ,mBAAmB,GAAG,MAAM;AACvC,OAAG,QAAQ,cAAc,GAAG,MAAM;AAElC,OAAG,MAAM,SAAS,GAAG,GAAG;AACxB,OAAG,MAAM,WAAW;AAAA;AACtB,EAEA,QAAQ,IAAqB;AAC3B,QAAI,GAAG,iBAAiB,GAAG;AAEzB,eAAS,IAAmB,qBAAqB;AACjD,SAAG,MAAM,SAAS;AAClB,SAAG,MAAM,aAAa;AACtB,SAAG,MAAM,gBAAgB;AAAA;AAC3B;AACF,EAEA,aAAa,IAAqB;AAChC,gBAAY,IAAmB,qBAAqB;AACpD,OAAG,MAAM,SAAS;AAClB,OAAG,MAAM,WAAW,GAAG,QAAQ,eAAe;AAC9C,OAAG,MAAM,aAAa,GAAG,QAAQ,iBAAiB;AAClD,OAAG,MAAM,gBAAgB,GAAG,QAAQ,oBAAoB;AAAA;AAE5D;MAEM,qBAAqB,CAAC,OAA4B,EAAE,YAA0C;AAClG,SAAO,EAAE,YAAY,EAAE,GAAG,kBAAkB,QAAQ,MAAM,UAAU,MAAM,OAAO;AACnF;AACA,mBAAmB,QAAQ;AAAA,EACzB,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,SAAS;AAAA;AAEb;;;;"}
1
+ {"version":3,"file":"CollapseTransition.mjs","sources":["../../../../src/components/base/CollapseTransition.ts"],"sourcesContent":["import { h, Transition } from 'vue';\nimport type { RendererElement, SetupContext } from 'vue';\nimport { addClass, removeClass } from '../../utils/dom';\n\nconst TransitionEvents = {\n onBeforeEnter(el: RendererElement) {\n addClass(el as HTMLElement, 'collapse-transition');\n\n el.style.height = 0;\n },\n\n onEnter(el: RendererElement) {\n el.dataset.oldOverflow = el.style.overflow;\n if (el.scrollHeight !== 0) {\n el.style.height = `${el.scrollHeight}px`;\n } else {\n el.style.height = '';\n }\n\n el.style.overflow = 'hidden';\n },\n\n onAfterEnter(el: RendererElement) {\n // for safari: remove class then reset height is necessary\n removeClass(el as HTMLElement, 'collapse-transition');\n el.style.height = ``;\n el.style.overflow = el.dataset.oldOverflow;\n el.style.overflow = 'hidden';\n },\n\n onBeforeLeave(el: RendererElement) {\n if (!el.dataset) el.dataset = {};\n el.dataset.oldOverflow = el.style.overflow;\n\n el.style.height = `${el.scrollHeight}px`;\n el.style.overflow = 'hidden';\n },\n\n onLeave(el: RendererElement) {\n if (el.scrollHeight !== 0) {\n // for safari: add class after set height, or it will jump to zero height suddenly, weired\n addClass(el as HTMLElement, 'collapse-transition');\n el.style.height = 0;\n }\n },\n\n onAfterLeave(el: RendererElement) {\n removeClass(el as HTMLElement, 'collapse-transition');\n el.style.height = '';\n el.style.overflow = el.dataset.oldOverflow || '0';\n }\n};\n\nconst CollapseTransition = (props: { appear: boolean }, { slots }: Omit<SetupContext, 'expose'>) => {\n return h(Transition, { ...TransitionEvents, appear: props.appear }, slots.default);\n};\nCollapseTransition.props = {\n appear: {\n type: Boolean,\n default: true\n }\n};\nexport default CollapseTransition;\n"],"names":[],"mappings":";;;AAIA,MAAM,mBAAmB;AAAA,EACvB,cAAc,IAAqB;AACjC,aAAS,IAAmB,qBAAqB;AAEjD,OAAG,MAAM,SAAS;AAAA;AACpB,EAEA,QAAQ,IAAqB;AAC3B,OAAG,QAAQ,cAAc,GAAG,MAAM;AAClC,QAAI,GAAG,iBAAiB,GAAG;AACzB,SAAG,MAAM,SAAS,GAAG,GAAG;AAAA,WACnB;AACL,SAAG,MAAM,SAAS;AAAA;AAGpB,OAAG,MAAM,WAAW;AAAA;AACtB,EAEA,aAAa,IAAqB;AAEhC,gBAAY,IAAmB,qBAAqB;AACpD,OAAG,MAAM,SAAS;AAClB,OAAG,MAAM,WAAW,GAAG,QAAQ;AAC/B,OAAG,MAAM,WAAW;AAAA;AACtB,EAEA,cAAc,IAAqB;AACjC,QAAI,CAAC,GAAG;AAAS,SAAG,UAAU;AAC9B,OAAG,QAAQ,cAAc,GAAG,MAAM;AAElC,OAAG,MAAM,SAAS,GAAG,GAAG;AACxB,OAAG,MAAM,WAAW;AAAA;AACtB,EAEA,QAAQ,IAAqB;AAC3B,QAAI,GAAG,iBAAiB,GAAG;AAEzB,eAAS,IAAmB,qBAAqB;AACjD,SAAG,MAAM,SAAS;AAAA;AACpB;AACF,EAEA,aAAa,IAAqB;AAChC,gBAAY,IAAmB,qBAAqB;AACpD,OAAG,MAAM,SAAS;AAClB,OAAG,MAAM,WAAW,GAAG,QAAQ,eAAe;AAAA;AAElD;MAEM,qBAAqB,CAAC,OAA4B,EAAE,YAA0C;AAClG,SAAO,EAAE,YAAY,EAAE,GAAG,kBAAkB,QAAQ,MAAM,UAAU,MAAM,OAAO;AACnF;AACA,mBAAmB,QAAQ;AAAA,EACzB,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,SAAS;AAAA;AAEb;;;;"}
@@ -50,6 +50,7 @@ export default function useGlobalConfig(tag: string): {
50
50
  dayFormat: string;
51
51
  dateTimeFormat: string;
52
52
  monthBeforeYear: boolean;
53
+ shortcutsPlaceholder: string;
53
54
  weeks: {
54
55
  sun: string;
55
56
  mon: string;
@@ -43,6 +43,7 @@ export interface DatePickerLocal {
43
43
  dayFormat: string;
44
44
  dateTimeFormat: string;
45
45
  monthBeforeYear: boolean;
46
+ shortcutsPlaceholder: string;
46
47
  weeks: {
47
48
  sun: string;
48
49
  mon: string;
@@ -1 +1 @@
1
- {"version":3,"file":"default.mjs","sources":["../../../../src/components/locale/default.ts"],"sourcesContent":["export interface EmptyLocal {\n text?: string;\n}\n\nexport interface TableLocal {\n noDataText: string;\n notFoundText: string;\n selectAll: string;\n selectInvert: string;\n removeAll: string;\n filterConfirm: string;\n filterReset: string;\n allFilters: string;\n}\n\nexport interface DatePickerLocal {\n now: string;\n today: string;\n cancel: string;\n clear: string;\n confirm: string;\n selectDate: string;\n selectTime: string;\n startDate: string;\n startTime: string;\n startMonth: string;\n startYear: string;\n startWeek: string;\n startQuarter: string;\n endDate: string;\n endTime: string;\n endMonth: string;\n endYear: string;\n endWeek: string;\n endQuarter: string;\n prevYear: string;\n nextYear: string;\n prevMonth: string;\n nextMonth: string;\n year: string;\n month: string;\n date: string;\n yearFormat: string;\n dateFormat: string;\n dayFormat: string;\n dateTimeFormat: string;\n monthBeforeYear: boolean;\n weeks: {\n sun: string;\n mon: string;\n tue: string;\n wed: string;\n thu: string;\n fri: string;\n sat: string;\n };\n months: {\n jan: string;\n feb: string;\n mar: string;\n apr: string;\n may: string;\n jun: string;\n jul: string;\n aug: string;\n sep: string;\n oct: string;\n nov: string;\n dec: string;\n };\n}\n\nexport interface PaginationLocal {\n // Options\n jumpTo: string;\n page: string;\n total: string;\n item: string;\n\n // Pagination\n prevPage: string;\n nextPage: string;\n prev5: string;\n next5: string;\n}\n\nexport interface ModalLocal {\n okText: string;\n cancelText: string;\n justOkText: string;\n}\n\nexport interface PopConfirmLocal {\n cancelText: string;\n okText: string;\n}\n\nexport interface ColorPickerLocal {\n clear: string;\n ok: string;\n}\n\nexport interface TransferLocal {\n itemUnit: string;\n itemsUnit: string;\n notFoundContent: string;\n searchPlaceholder: string;\n}\n\nexport interface ImageLocal {\n error: string;\n loading: string;\n}\n\nexport interface AutoCompleteLocal {\n loading: string;\n}\n\nexport interface CheckboxGroupLocal {\n loadingText: string;\n}\n\nexport interface SelectLocal {\n loadingText: string;\n selectAll: string;\n}\n\nexport interface ThemePanelLocal {\n title: string;\n light: string;\n dark: string;\n themeColor: string;\n appearance: string;\n radius: string;\n direction: string;\n none: string;\n small: string;\n medium: string;\n large: string;\n full: string;\n rtl: string;\n ltr: string;\n}\n\nexport interface Locale {\n locale: string;\n empty: EmptyLocal;\n table: TableLocal;\n datePicker: DatePickerLocal;\n pagination: PaginationLocal;\n modal: ModalLocal;\n colorPicker: ColorPickerLocal;\n transfer: TransferLocal;\n select: SelectLocal;\n cascader: SelectLocal;\n popConfirm: PopConfirmLocal;\n image: ImageLocal;\n autoComplete: AutoCompleteLocal;\n checkboxGroup: CheckboxGroupLocal;\n themePanel: ThemePanelLocal;\n}\n\nexport default {\n locale: 'en-us',\n empty: {\n text: 'No Data'\n },\n table: {\n noDataText: 'NO DATA',\n notFoundText: 'NOT FOUND',\n selectAll: 'Select All',\n selectInvert: 'Select Invert',\n removeAll: 'Deselect All',\n filterConfirm: 'OK',\n filterReset: 'Reset',\n allFilters: 'All'\n },\n datePicker: {\n now: 'Now',\n today: 'Today',\n cancel: 'Cancel',\n clear: 'Clear',\n confirm: 'Confirm',\n selectDate: 'Select Date',\n selectTime: 'Select Time',\n startDate: 'Start Date',\n startTime: 'Start Time',\n startMonth: 'Start Month',\n startYear: 'Start Year',\n startWeek: 'Start Week',\n startQuarter: 'Start Quarter',\n endDate: 'End Date',\n endTime: 'End Time',\n endMonth: 'End Month',\n endYear: 'End Year',\n endWeek: 'End Week',\n endQuarter: 'End Quarter',\n prevYear: 'Last year',\n nextYear: 'Next year',\n prevMonth: 'Last month',\n nextMonth: 'Next month',\n year: '',\n month: '',\n date: '',\n yearFormat: 'YYYY',\n dateFormat: 'YYYY-MM-DD',\n dayFormat: 'D',\n dateTimeFormat: 'YYYY-MM-DD HH:mm:ss',\n monthBeforeYear: true,\n weeks: {\n sun: 'Su',\n mon: 'Mo',\n tue: 'Tu',\n wed: 'We',\n thu: 'Th',\n fri: 'Fr',\n sat: 'Sa'\n },\n months: {\n jan: 'Jan',\n feb: 'Feb',\n mar: 'Mar',\n apr: 'Apr',\n may: 'May',\n jun: 'Jun',\n jul: 'Jul',\n aug: 'Aug',\n sep: 'Sep',\n oct: 'Oct',\n nov: 'Nov',\n dec: 'Dec'\n }\n },\n pagination: {\n // Options\n jumpTo: 'Go To',\n page: 'Page',\n total: 'Total',\n item: '',\n\n // Pagination\n prevPage: 'Previous Page',\n nextPage: 'Next Page',\n prev5: 'Previous 5 Pages',\n next5: 'Next 5 Pages'\n },\n modal: {\n okText: 'Ok',\n cancelText: 'Cancel',\n justOkText: 'I know'\n },\n colorPicker: {\n clear: 'Clear',\n ok: 'Ok'\n },\n transfer: {\n itemUnit: 'Item',\n itemsUnit: 'Items',\n notFoundContent: 'NO DATA',\n searchPlaceholder: 'Please search'\n },\n select: {\n loadingText: 'Loading...',\n selectAll: 'Select All'\n },\n cascader: {\n loadingText: 'Loading...'\n },\n popConfirm: {\n okText: 'Yes',\n cancelText: 'No'\n },\n image: {\n error: 'Loading Failed',\n loading: 'Loading'\n },\n autoComplete: {\n loading: 'Loading'\n },\n checkboxGroup: {\n loadingText: 'Loading'\n },\n themePanel: {\n title: 'Theme Setting',\n light: 'Light',\n dark: 'Dark',\n themeColor: 'Theme Color',\n appearance: 'Appearance',\n radius: 'Radius',\n direction: 'Direction',\n none: 'None',\n small: 'Small',\n medium: 'Medium',\n large: 'Large',\n full: 'Full',\n rtl: 'RTL',\n ltr: 'LTR'\n }\n} as Locale;\n"],"names":[],"mappings":"AAkKA,oBAAe;AAAA,EACb,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,MAAM;AAAA;AACR,EACA,OAAO;AAAA,IACL,YAAY;AAAA,IACZ,cAAc;AAAA,IACd,WAAW;AAAA,IACX,cAAc;AAAA,IACd,WAAW;AAAA,IACX,eAAe;AAAA,IACf,aAAa;AAAA,IACb,YAAY;AAAA;AACd,EACA,YAAY;AAAA,IACV,KAAK;AAAA,IACL,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,WAAW;AAAA,IACX,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,WAAW;AAAA,IACX,WAAW;AAAA,IACX,cAAc;AAAA,IACd,SAAS;AAAA,IACT,SAAS;AAAA,IACT,UAAU;AAAA,IACV,SAAS;AAAA,IACT,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,UAAU;AAAA,IACV,UAAU;AAAA,IACV,WAAW;AAAA,IACX,WAAW;AAAA,IACX,MAAM;AAAA,IACN,OAAO;AAAA,IACP,MAAM;AAAA,IACN,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,WAAW;AAAA,IACX,gBAAgB;AAAA,IAChB,iBAAiB;AAAA,IACjB,OAAO;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA;AACP,IACA,QAAQ;AAAA,MACN,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA;AACP;AACF,EACA,YAAY;AAAA,IAEV,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,OAAO;AAAA,IACP,MAAM;AAAA,IAGN,UAAU;AAAA,IACV,UAAU;AAAA,IACV,OAAO;AAAA,IACP,OAAO;AAAA;AACT,EACA,OAAO;AAAA,IACL,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,YAAY;AAAA;AACd,EACA,aAAa;AAAA,IACX,OAAO;AAAA,IACP,IAAI;AAAA;AACN,EACA,UAAU;AAAA,IACR,UAAU;AAAA,IACV,WAAW;AAAA,IACX,iBAAiB;AAAA,IACjB,mBAAmB;AAAA;AACrB,EACA,QAAQ;AAAA,IACN,aAAa;AAAA,IACb,WAAW;AAAA;AACb,EACA,UAAU;AAAA,IACR,aAAa;AAAA;AACf,EACA,YAAY;AAAA,IACV,QAAQ;AAAA,IACR,YAAY;AAAA;AACd,EACA,OAAO;AAAA,IACL,OAAO;AAAA,IACP,SAAS;AAAA;AACX,EACA,cAAc;AAAA,IACZ,SAAS;AAAA;AACX,EACA,eAAe;AAAA,IACb,aAAa;AAAA;AACf,EACA,YAAY;AAAA,IACV,OAAO;AAAA,IACP,OAAO;AAAA,IACP,MAAM;AAAA,IACN,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,QAAQ;AAAA,IACR,WAAW;AAAA,IACX,MAAM;AAAA,IACN,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,MAAM;AAAA,IACN,KAAK;AAAA,IACL,KAAK;AAAA;AAET;;;;"}
1
+ {"version":3,"file":"default.mjs","sources":["../../../../src/components/locale/default.ts"],"sourcesContent":["export interface EmptyLocal {\n text?: string;\n}\n\nexport interface TableLocal {\n noDataText: string;\n notFoundText: string;\n selectAll: string;\n selectInvert: string;\n removeAll: string;\n filterConfirm: string;\n filterReset: string;\n allFilters: string;\n}\n\nexport interface DatePickerLocal {\n now: string;\n today: string;\n cancel: string;\n clear: string;\n confirm: string;\n selectDate: string;\n selectTime: string;\n startDate: string;\n startTime: string;\n startMonth: string;\n startYear: string;\n startWeek: string;\n startQuarter: string;\n endDate: string;\n endTime: string;\n endMonth: string;\n endYear: string;\n endWeek: string;\n endQuarter: string;\n prevYear: string;\n nextYear: string;\n prevMonth: string;\n nextMonth: string;\n year: string;\n month: string;\n date: string;\n yearFormat: string;\n dateFormat: string;\n dayFormat: string;\n dateTimeFormat: string;\n monthBeforeYear: boolean;\n shortcutsPlaceholder: string;\n weeks: {\n sun: string;\n mon: string;\n tue: string;\n wed: string;\n thu: string;\n fri: string;\n sat: string;\n };\n months: {\n jan: string;\n feb: string;\n mar: string;\n apr: string;\n may: string;\n jun: string;\n jul: string;\n aug: string;\n sep: string;\n oct: string;\n nov: string;\n dec: string;\n };\n}\n\nexport interface PaginationLocal {\n // Options\n jumpTo: string;\n page: string;\n total: string;\n item: string;\n\n // Pagination\n prevPage: string;\n nextPage: string;\n prev5: string;\n next5: string;\n}\n\nexport interface ModalLocal {\n okText: string;\n cancelText: string;\n justOkText: string;\n}\n\nexport interface PopConfirmLocal {\n cancelText: string;\n okText: string;\n}\n\nexport interface ColorPickerLocal {\n clear: string;\n ok: string;\n}\n\nexport interface TransferLocal {\n itemUnit: string;\n itemsUnit: string;\n notFoundContent: string;\n searchPlaceholder: string;\n}\n\nexport interface ImageLocal {\n error: string;\n loading: string;\n}\n\nexport interface AutoCompleteLocal {\n loading: string;\n}\n\nexport interface CheckboxGroupLocal {\n loadingText: string;\n}\n\nexport interface SelectLocal {\n loadingText: string;\n selectAll: string;\n}\n\nexport interface ThemePanelLocal {\n title: string;\n light: string;\n dark: string;\n themeColor: string;\n appearance: string;\n radius: string;\n direction: string;\n none: string;\n small: string;\n medium: string;\n large: string;\n full: string;\n rtl: string;\n ltr: string;\n}\n\nexport interface Locale {\n locale: string;\n empty: EmptyLocal;\n table: TableLocal;\n datePicker: DatePickerLocal;\n pagination: PaginationLocal;\n modal: ModalLocal;\n colorPicker: ColorPickerLocal;\n transfer: TransferLocal;\n select: SelectLocal;\n cascader: SelectLocal;\n popConfirm: PopConfirmLocal;\n image: ImageLocal;\n autoComplete: AutoCompleteLocal;\n checkboxGroup: CheckboxGroupLocal;\n themePanel: ThemePanelLocal;\n}\n\nexport default {\n locale: 'en-us',\n empty: {\n text: 'No Data'\n },\n table: {\n noDataText: 'NO DATA',\n notFoundText: 'NOT FOUND',\n selectAll: 'Select All',\n selectInvert: 'Select Invert',\n removeAll: 'Deselect All',\n filterConfirm: 'OK',\n filterReset: 'Reset',\n allFilters: 'All'\n },\n datePicker: {\n now: 'Now',\n today: 'Today',\n cancel: 'Cancel',\n clear: 'Clear',\n confirm: 'Confirm',\n selectDate: 'Select Date',\n selectTime: 'Select Time',\n startDate: 'Start Date',\n startTime: 'Start Time',\n startMonth: 'Start Month',\n startYear: 'Start Year',\n startWeek: 'Start Week',\n startQuarter: 'Start Quarter',\n endDate: 'End Date',\n endTime: 'End Time',\n endMonth: 'End Month',\n endYear: 'End Year',\n endWeek: 'End Week',\n endQuarter: 'End Quarter',\n prevYear: 'Last year',\n nextYear: 'Next year',\n prevMonth: 'Last month',\n nextMonth: 'Next month',\n year: '',\n month: '',\n date: '',\n yearFormat: 'YYYY',\n dateFormat: 'YYYY-MM-DD',\n dayFormat: 'D',\n dateTimeFormat: 'YYYY-MM-DD HH:mm:ss',\n monthBeforeYear: true,\n weeks: {\n sun: 'Su',\n mon: 'Mo',\n tue: 'Tu',\n wed: 'We',\n thu: 'Th',\n fri: 'Fr',\n sat: 'Sa'\n },\n months: {\n jan: 'Jan',\n feb: 'Feb',\n mar: 'Mar',\n apr: 'Apr',\n may: 'May',\n jun: 'Jun',\n jul: 'Jul',\n aug: 'Aug',\n sep: 'Sep',\n oct: 'Oct',\n nov: 'Nov',\n dec: 'Dec'\n }\n },\n pagination: {\n // Options\n jumpTo: 'Go To',\n page: 'Page',\n total: 'Total',\n item: '',\n\n // Pagination\n prevPage: 'Previous Page',\n nextPage: 'Next Page',\n prev5: 'Previous 5 Pages',\n next5: 'Next 5 Pages'\n },\n modal: {\n okText: 'Ok',\n cancelText: 'Cancel',\n justOkText: 'I know'\n },\n colorPicker: {\n clear: 'Clear',\n ok: 'Ok'\n },\n transfer: {\n itemUnit: 'Item',\n itemsUnit: 'Items',\n notFoundContent: 'NO DATA',\n searchPlaceholder: 'Please search'\n },\n select: {\n loadingText: 'Loading...',\n selectAll: 'Select All'\n },\n cascader: {\n loadingText: 'Loading...'\n },\n popConfirm: {\n okText: 'Yes',\n cancelText: 'No'\n },\n image: {\n error: 'Loading Failed',\n loading: 'Loading'\n },\n autoComplete: {\n loading: 'Loading'\n },\n checkboxGroup: {\n loadingText: 'Loading'\n },\n themePanel: {\n title: 'Theme Setting',\n light: 'Light',\n dark: 'Dark',\n themeColor: 'Theme Color',\n appearance: 'Appearance',\n radius: 'Radius',\n direction: 'Direction',\n none: 'None',\n small: 'Small',\n medium: 'Medium',\n large: 'Large',\n full: 'Full',\n rtl: 'RTL',\n ltr: 'LTR'\n }\n} as Locale;\n"],"names":[],"mappings":"AAmKA,oBAAe;AAAA,EACb,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,MAAM;AAAA;AACR,EACA,OAAO;AAAA,IACL,YAAY;AAAA,IACZ,cAAc;AAAA,IACd,WAAW;AAAA,IACX,cAAc;AAAA,IACd,WAAW;AAAA,IACX,eAAe;AAAA,IACf,aAAa;AAAA,IACb,YAAY;AAAA;AACd,EACA,YAAY;AAAA,IACV,KAAK;AAAA,IACL,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,WAAW;AAAA,IACX,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,WAAW;AAAA,IACX,WAAW;AAAA,IACX,cAAc;AAAA,IACd,SAAS;AAAA,IACT,SAAS;AAAA,IACT,UAAU;AAAA,IACV,SAAS;AAAA,IACT,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,UAAU;AAAA,IACV,UAAU;AAAA,IACV,WAAW;AAAA,IACX,WAAW;AAAA,IACX,MAAM;AAAA,IACN,OAAO;AAAA,IACP,MAAM;AAAA,IACN,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,WAAW;AAAA,IACX,gBAAgB;AAAA,IAChB,iBAAiB;AAAA,IACjB,OAAO;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA;AACP,IACA,QAAQ;AAAA,MACN,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA;AACP;AACF,EACA,YAAY;AAAA,IAEV,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,OAAO;AAAA,IACP,MAAM;AAAA,IAGN,UAAU;AAAA,IACV,UAAU;AAAA,IACV,OAAO;AAAA,IACP,OAAO;AAAA;AACT,EACA,OAAO;AAAA,IACL,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,YAAY;AAAA;AACd,EACA,aAAa;AAAA,IACX,OAAO;AAAA,IACP,IAAI;AAAA;AACN,EACA,UAAU;AAAA,IACR,UAAU;AAAA,IACV,WAAW;AAAA,IACX,iBAAiB;AAAA,IACjB,mBAAmB;AAAA;AACrB,EACA,QAAQ;AAAA,IACN,aAAa;AAAA,IACb,WAAW;AAAA;AACb,EACA,UAAU;AAAA,IACR,aAAa;AAAA;AACf,EACA,YAAY;AAAA,IACV,QAAQ;AAAA,IACR,YAAY;AAAA;AACd,EACA,OAAO;AAAA,IACL,OAAO;AAAA,IACP,SAAS;AAAA;AACX,EACA,cAAc;AAAA,IACZ,SAAS;AAAA;AACX,EACA,eAAe;AAAA,IACb,aAAa;AAAA;AACf,EACA,YAAY;AAAA,IACV,OAAO;AAAA,IACP,OAAO;AAAA,IACP,MAAM;AAAA,IACN,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,QAAQ;AAAA,IACR,WAAW;AAAA,IACX,MAAM;AAAA,IACN,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,MAAM;AAAA,IACN,KAAK;AAAA,IACL,KAAK;AAAA;AAET;;;;"}
@@ -11,14 +11,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
11
11
  type: BooleanConstructor;
12
12
  default: boolean;
13
13
  };
14
- padding: {
15
- type: NumberConstructor;
16
- default: number;
17
- };
18
14
  title: {
19
15
  type: StringConstructor;
20
16
  default: string;
21
17
  };
18
+ description: {
19
+ type: StringConstructor;
20
+ default: string;
21
+ };
22
22
  icon: {
23
23
  type: import("vue").PropType<import("../..").IconPropType>;
24
24
  };
@@ -39,14 +39,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
39
39
  type: BooleanConstructor;
40
40
  default: boolean;
41
41
  };
42
- padding: {
43
- type: NumberConstructor;
44
- default: number;
45
- };
46
42
  title: {
47
43
  type: StringConstructor;
48
44
  default: string;
49
45
  };
46
+ description: {
47
+ type: StringConstructor;
48
+ default: string;
49
+ };
50
50
  icon: {
51
51
  type: import("vue").PropType<import("../..").IconPropType>;
52
52
  };
@@ -55,8 +55,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
55
55
  default: number;
56
56
  };
57
57
  }>> & Readonly<{}>, {
58
+ description: string;
58
59
  grid: number;
59
- padding: number;
60
60
  title: string;
61
61
  bordered: boolean;
62
62
  disHover: boolean;
@@ -3,25 +3,17 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var vue = require('vue');
6
- var index$1 = require('../Icon/index.js');
7
- var index = require('../Grid/index.js');
6
+ var index = require('../Icon/index.js');
8
7
  var useGlobalConfig = require('../base/hooks/useGlobalConfig.js');
9
8
  var slots = require('../../utils/slots.js');
10
9
  var Render = require('../base/Render.js');
11
10
  var Card_type = require('./Card.type.js');
12
11
 
13
- function _isSlot(s) {
14
- return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
15
- }
16
- const {
17
- Col: UCol,
18
- Row: URow
19
- } = index.UGrid;
20
12
  var Card = vue.defineComponent({
21
13
  name: "UCard",
22
14
  components: {
23
15
  URender: Render["default"],
24
- UIcon: index$1.UIcon
16
+ UIcon: index.UIcon
25
17
  },
26
18
  props: Card_type.cardProps,
27
19
  setup(props, {
@@ -38,7 +30,8 @@ var Card = vue.defineComponent({
38
30
  disHover,
39
31
  title,
40
32
  icon,
41
- grid
33
+ grid,
34
+ description
42
35
  } = props;
43
36
  const showHead = !!title || slots$1.title !== void 0;
44
37
  const showExtra = showHead && slots$1.extra !== void 0;
@@ -46,11 +39,11 @@ var Card = vue.defineComponent({
46
39
  if (icon) {
47
40
  if (typeof icon === "string") {
48
41
  const iconSvg = vue.resolveComponent(icon);
49
- return vue.createVNode(index$1.UIcon, null, {
42
+ return vue.createVNode(index.UIcon, null, {
50
43
  default: () => [vue.createVNode(iconSvg, null, null)]
51
44
  });
52
45
  }
53
- return vue.createVNode(index$1.UIcon, null, {
46
+ return vue.createVNode(index.UIcon, null, {
54
47
  default: () => [vue.createVNode(icon, null, null)]
55
48
  });
56
49
  }
@@ -58,27 +51,29 @@ var Card = vue.defineComponent({
58
51
  };
59
52
  const headRender = showHead ? vue.createVNode("div", {
60
53
  "class": `${prefixCls.value}-head`
61
- }, [slots$1.title !== void 0 ? (_a = slots$1.title) == null ? void 0 : _a.call(slots$1) : vue.createVNode("div", {
62
- "class": `${prefixCls.value}-head-inner`
63
- }, [iconRender(), vue.createVNode("span", null, [title])])]) : null;
54
+ }, [slots$1.title !== void 0 ? (_a = slots$1.title) == null ? void 0 : _a.call(slots$1) : vue.createVNode(vue.Fragment, null, [vue.createVNode("div", {
55
+ "class": `${prefixCls.value}-head-title`
56
+ }, [iconRender(), vue.createVNode("span", null, [title])]), description && vue.createVNode("div", {
57
+ "class": `${prefixCls.value}-head-description`
58
+ }, [description])])]) : null;
64
59
  const extraRender = showExtra ? vue.createVNode("div", {
65
60
  "class": `${prefixCls.value}-extra`
66
61
  }, [(_b = slots$1.extra) == null ? void 0 : _b.call(slots$1)]) : null;
67
62
  const coverRender = slots$1.cover !== void 0 ? vue.createVNode("div", {
68
63
  "class": `${prefixCls.value}-cover`
69
64
  }, [(_c = slots$1.cover) == null ? void 0 : _c.call(slots$1)]) : null;
70
- const actionRenderer = slots$1.action ? vue.createVNode("ul", {
65
+ const actionRenderer = slots$1.action ? vue.createVNode("div", {
71
66
  "class": `${prefixCls.value}-action`
72
- }, [slots.getSlot(slots$1, "action").map((child) => vue.createVNode("li", null, [child]))]) : null;
67
+ }, [slots.getSlot(slots$1, "action").map((child) => vue.createVNode("div", null, [child]))]) : null;
73
68
  const gridRenderer = () => {
74
69
  const cols = slots.getSlot(slots$1).map((child) => {
75
- let _slot;
76
70
  const colSpan = child.props && child.props.span ? child.props.span : grid;
77
- return vue.createVNode(UCol, {
78
- "span": colSpan
79
- }, _isSlot(_slot = slots.getSlot(child.children, "default")) ? _slot : {
80
- default: () => [_slot]
81
- });
71
+ return vue.createVNode("div", {
72
+ "class": `${prefixCls.value}-grid-item`,
73
+ "style": {
74
+ gridColumn: `span ${colSpan} / span ${colSpan}`
75
+ }
76
+ }, [slots.getSlot(child.children, "default")]);
82
77
  });
83
78
  const classString = {
84
79
  [`${prefixCls.value}-grid`]: true,
@@ -86,9 +81,7 @@ var Card = vue.defineComponent({
86
81
  };
87
82
  return vue.createVNode("div", {
88
83
  "class": classString
89
- }, [vue.createVNode(URow, null, _isSlot(cols) ? cols : {
90
- default: () => [cols]
91
- })]);
84
+ }, [cols]);
92
85
  };
93
86
  const bodyRender = slots.getSlot(slots$1).length ? vue.createVNode("div", {
94
87
  "class": `${prefixCls.value}-body`
@@ -96,11 +89,11 @@ var Card = vue.defineComponent({
96
89
  return vue.createVNode("div", {
97
90
  "class": [`${prefixCls.value}`, {
98
91
  [`${prefixCls.value}-bordered`]: bordered && !shadow,
99
- [`${prefixCls.value}-dis-hover`]: disHover || shadow,
92
+ [`${prefixCls.value}-dis-hover`]: disHover && !shadow,
100
93
  [`${prefixCls.value}-shadow`]: shadow,
101
94
  [`${prefixCls.value}-contain-grid`]: grid
102
95
  }]
103
- }, [headRender, extraRender, coverRender, bodyRender, actionRenderer]);
96
+ }, [extraRender, headRender, coverRender, bodyRender, actionRenderer]);
104
97
  };
105
98
  }
106
99
  });
@@ -1 +1 @@
1
- {"version":3,"file":"Card.js","sources":["../../../../src/components/Card/Card.tsx"],"sourcesContent":["import { defineComponent, resolveComponent } from 'vue';\nimport UIcon from '@uxd-ui/components/Icon';\nimport Grid from '@uxd-ui/components/Grid';\nimport useGlobalConfig from '../base/hooks/useGlobalConfig';\nimport { getSlot } from '../../utils/slots';\nimport URender from '../base/Render';\nimport { cardProps } from './Card.type';\n\nconst { Col: UCol, Row: URow } = Grid;\n\nexport default defineComponent({\n name: 'UCard',\n components: {\n URender,\n UIcon\n },\n props: cardProps,\n setup(props, { slots }) {\n const { prefixCls } = useGlobalConfig('card');\n\n return () => {\n const { bordered, shadow, disHover, title, icon, grid } = props;\n\n const showHead = !!title || slots.title !== undefined;\n const showExtra = showHead && slots.extra !== undefined;\n\n const iconRender = () => {\n if (icon) {\n if (typeof icon === 'string') {\n const iconSvg = resolveComponent(icon);\n return (\n <UIcon>\n <iconSvg />\n </UIcon>\n );\n }\n return (\n <UIcon>\n <icon />\n </UIcon>\n );\n }\n return null;\n };\n\n const headRender = showHead ? (\n <div class={`${prefixCls.value}-head`}>\n {slots.title !== undefined ? (\n slots.title?.()\n ) : (\n <div class={`${prefixCls.value}-head-inner`}>\n {iconRender()}\n <span>{title}</span>\n </div>\n )}\n </div>\n ) : null;\n\n const extraRender = showExtra ? <div class={`${prefixCls.value}-extra`}>{slots.extra?.()}</div> : null;\n\n const coverRender = slots.cover !== undefined ? <div class={`${prefixCls.value}-cover`}>{slots.cover?.()}</div> : null;\n\n const actionRenderer = slots.action ? (\n <ul class={`${prefixCls.value}-action`}>\n {getSlot(slots, 'action').map((child) => (\n <li>{child}</li>\n ))}\n </ul>\n ) : null;\n\n const gridRenderer = () => {\n const cols = getSlot(slots).map((child) => {\n const colSpan = (child as any).props && (child as any).props.span ? (child as any).props.span : grid;\n return <UCol span={colSpan}>{getSlot((child as any).children, 'default')}</UCol>;\n });\n const classString = {\n [`${prefixCls.value}-grid`]: true,\n [`${prefixCls.value}-dis-hover`]: disHover\n };\n return (\n <div class={classString}>\n <URow>{cols}</URow>\n </div>\n );\n };\n\n const bodyRender = getSlot(slots).length ? <div class={`${prefixCls.value}-body`}>{grid ? gridRenderer() : slots.default?.()}</div> : null;\n\n return (\n <div\n class={[\n `${prefixCls.value}`,\n {\n [`${prefixCls.value}-bordered`]: bordered && !shadow,\n [`${prefixCls.value}-dis-hover`]: disHover || shadow,\n [`${prefixCls.value}-shadow`]: shadow,\n [`${prefixCls.value}-contain-grid`]: grid\n }\n ]}\n >\n {headRender}\n {extraRender}\n {coverRender}\n {bodyRender}\n {actionRenderer}\n </div>\n );\n };\n }\n});\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","Col","UCol","Row","URow","Grid","defineComponent","name","components","URender","UIcon","props","cardProps","setup","slots","prefixCls","useGlobalConfig","bordered","shadow","disHover","title","icon","grid","showHead","undefined","showExtra","extra","iconRender","iconSvg","resolveComponent","_createVNode","default","headRender","value","extraRender","coverRender","cover","actionRenderer","action","getSlot","map","child","gridRenderer","cols","_slot","colSpan","span","children","classString","bodyRender","length"],"mappings":"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"}
1
+ {"version":3,"file":"Card.js","sources":["../../../../src/components/Card/Card.tsx"],"sourcesContent":["import { defineComponent, resolveComponent } from 'vue';\nimport UIcon from '@uxd-ui/components/Icon';\nimport useGlobalConfig from '../base/hooks/useGlobalConfig';\nimport { getSlot } from '../../utils/slots';\nimport URender from '../base/Render';\nimport { cardProps } from './Card.type';\n\nexport default defineComponent({\n name: 'UCard',\n components: {\n URender,\n UIcon\n },\n props: cardProps,\n setup(props, { slots }) {\n const { prefixCls } = useGlobalConfig('card');\n\n return () => {\n const { bordered, shadow, disHover, title, icon, grid, description } = props;\n\n const showHead = !!title || slots.title !== undefined;\n const showExtra = showHead && slots.extra !== undefined;\n\n const iconRender = () => {\n if (icon) {\n if (typeof icon === 'string') {\n const iconSvg = resolveComponent(icon);\n return (\n <UIcon>\n <iconSvg />\n </UIcon>\n );\n }\n return (\n <UIcon>\n <icon />\n </UIcon>\n );\n }\n return null;\n };\n\n const headRender = showHead ? (\n <div class={`${prefixCls.value}-head`}>\n {slots.title !== undefined ? (\n slots.title?.()\n ) : (\n <>\n <div class={`${prefixCls.value}-head-title`}>\n {iconRender()}\n <span>{title}</span>\n </div>\n {description && <div class={`${prefixCls.value}-head-description`}>{description}</div>}\n </>\n )}\n </div>\n ) : null;\n\n const extraRender = showExtra ? <div class={`${prefixCls.value}-extra`}>{slots.extra?.()}</div> : null;\n\n const coverRender = slots.cover !== undefined ? <div class={`${prefixCls.value}-cover`}>{slots.cover?.()}</div> : null;\n\n const actionRenderer = slots.action ? (\n <div class={`${prefixCls.value}-action`}>\n {getSlot(slots, 'action').map((child) => (\n <div>{child}</div>\n ))}\n </div>\n ) : null;\n\n const gridRenderer = () => {\n const cols = getSlot(slots).map((child) => {\n const colSpan = (child as any).props && (child as any).props.span ? (child as any).props.span : grid;\n return (\n <div class={`${prefixCls.value}-grid-item`} style={{ gridColumn: `span ${colSpan} / span ${colSpan}` }}>\n {getSlot((child as any).children, 'default')}\n </div>\n );\n });\n const classString = {\n [`${prefixCls.value}-grid`]: true,\n [`${prefixCls.value}-dis-hover`]: disHover\n };\n return <div class={classString}>{cols}</div>;\n };\n\n const bodyRender = getSlot(slots).length ? <div class={`${prefixCls.value}-body`}>{grid ? gridRenderer() : slots.default?.()}</div> : null;\n\n return (\n <div\n class={[\n `${prefixCls.value}`,\n {\n [`${prefixCls.value}-bordered`]: bordered && !shadow,\n [`${prefixCls.value}-dis-hover`]: disHover && !shadow,\n [`${prefixCls.value}-shadow`]: shadow,\n [`${prefixCls.value}-contain-grid`]: grid\n }\n ]}\n >\n {extraRender}\n {headRender}\n {coverRender}\n {bodyRender}\n {actionRenderer}\n </div>\n );\n };\n }\n});\n"],"names":["defineComponent","name","components","URender","UIcon","props","cardProps","setup","slots","prefixCls","useGlobalConfig","bordered","shadow","disHover","title","icon","grid","description","showHead","undefined","showExtra","extra","iconRender","iconSvg","resolveComponent","_createVNode","default","headRender","value","_Fragment","extraRender","coverRender","cover","actionRenderer","action","getSlot","map","child","gridRenderer","cols","colSpan","span","gridColumn","children","classString","bodyRender","length"],"mappings":";;;;;;;;;;;AAOA,WAAeA,oBAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,YAAY;AAAA,aACVC;AAAAA,WACAC;AAAAA;AACF,EACAC,OAAOC;AAAAA,EACPC,MAAMF,OAAO;AAAA,WAAEG;AAAAA,KAAS;AACtB,UAAM;AAAA,MAAEC;AAAAA,QAAcC,2BAAgB,MAAM;AAE5C,WAAO,MAAM;AAjBjB;AAkBM,YAAM;AAAA,QAAEC;AAAAA,QAAUC;AAAAA,QAAQC;AAAAA,QAAUC;AAAAA,QAAOC;AAAAA,QAAMC;AAAAA,QAAMC;AAAAA,UAAgBZ;AAEvE,YAAMa,WAAW,CAAC,CAACJ,SAASN,QAAMM,UAAUK;AAC5C,YAAMC,YAAYF,YAAYV,QAAMa,UAAUF;AAE9C,YAAMG,aAAaA,MAAM;AACvB,YAAIP,MAAM;AACR,cAAI,OAAOA,SAAS,UAAU;AAC5B,kBAAMQ,UAAUC,qBAAiBT,IAAI;AACrC,mBAAAU,gBAAArB;cAAAsB,SAAAA,OAAAD,gBAAAF;;;AAMF,iBAAAE,gBAAArB;YAAAsB,SAAAA,OAAAD,gBAAAV;;;AAMF,eAAO;AAAA;AAGT,YAAMY,aAAaT,WAAQO;QAAA,SACb,GAAGhB,UAAUmB;AAAAA,UACtBpB,QAAMM,UAAUK,UACfX,aAAMM,UAANN,mCAAeiB,gBAAAI,qBAAAJ;QAAA,SAGD,GAAGhB,UAAUmB;AAAAA,UACtBN,cAAYG,+BACNX,KAAK,MAEbG,eAAWQ;QAAA,SAAgB,GAAGhB,UAAUmB;AAAAA,UAA2BX,WAAW,EAAO,EAEzF,KAED;AAEJ,YAAMa,cAAcV,YAASK;QAAA,SAAe,GAAGhB,UAAUmB;AAAAA,WAAgBpB,aAAMa,UAANb,gCAAe,KAAU;AAElG,YAAMuB,cAAcvB,QAAMwB,UAAUb,SAASM;QAAA,SAAe,GAAGhB,UAAUmB;AAAAA,WAAgBpB,aAAMwB,UAANxB,gCAAe,KAAU;AAElH,YAAMyB,iBAAiBzB,QAAM0B,SAAMT;QAAA,SACrB,GAAGhB,UAAUmB;AAAAA,UACtBO,cAAQ3B,SAAO,QAAQ,EAAE4B,IAAKC,WAAKZ,8BAC5BY,KAAK,EACZ,CAAC,KAEF;AAEJ,YAAMC,eAAeA,MAAM;AACzB,cAAMC,OAAOJ,cAAQ3B,OAAK,EAAE4B,IAAKC,WAAU;AACzC,gBAAMG,UAAWH,MAAchC,SAAUgC,MAAchC,MAAMoC,OAAQJ,MAAchC,MAAMoC,OAAOzB;AAChG,iBAAAS;YAAA,SACc,GAAGhB,UAAUmB;AAAAA,YAAiB,SAAS;AAAA,cAAEc,YAAY,QAAQF,kBAAkBA;AAAAA;AAAU,cAClGL,cAASE,MAAcM,UAAU,SAAS,CAAC;SAGjD;AACD,cAAMC,cAAc;AAAA,UAClB,CAAC,GAAGnC,UAAUmB,eAAe;AAAA,UAC7B,CAAC,GAAGnB,UAAUmB,oBAAoBf;AAAAA;AAEpC,eAAAY;UAAA,SAAmBmB;AAAAA,YAAcL,IAAI;;AAGvC,YAAMM,aAAaV,cAAQ3B,OAAK,EAAEsC,SAAMrB;QAAA,SAAe,GAAGhB,UAAUmB;AAAAA,UAAeZ,OAAOsB,kBAAiB9B,aAAMkB,YAANlB,gCAAiB,KAAU;AAEtI,aAAAiB;QAAA,SAEW,CACL,GAAGhB,UAAUmB,SACb;AAAA,UACE,CAAC,GAAGnB,UAAUmB,mBAAmBjB,YAAY,CAACC;AAAAA,UAC9C,CAAC,GAAGH,UAAUmB,oBAAoBf,YAAY,CAACD;AAAAA,UAC/C,CAAC,GAAGH,UAAUmB,iBAAiBhB;AAAAA,UAC/B,CAAC,GAAGH,UAAUmB,uBAAuBZ;AAAAA,SACtC;AAAA,UAGFc,aACAH,YACAI,aACAc,YACAZ,cAAc;;AAGrB;AAEJ,CAAC;;;;"}
@@ -15,14 +15,14 @@ export declare const cardProps: {
15
15
  type: BooleanConstructor;
16
16
  default: boolean;
17
17
  };
18
- padding: {
19
- type: NumberConstructor;
20
- default: number;
21
- };
22
18
  title: {
23
19
  type: StringConstructor;
24
20
  default: string;
25
21
  };
22
+ description: {
23
+ type: StringConstructor;
24
+ default: string;
25
+ };
26
26
  icon: {
27
27
  type: PropType<IconPropType>;
28
28
  };
@@ -15,14 +15,14 @@ const cardProps = {
15
15
  type: Boolean,
16
16
  default: false
17
17
  },
18
- padding: {
19
- type: Number,
20
- default: 16
21
- },
22
18
  title: {
23
19
  type: String,
24
20
  default: ""
25
21
  },
22
+ description: {
23
+ type: String,
24
+ default: ""
25
+ },
26
26
  icon: {
27
27
  type: [String, Object, Function]
28
28
  },
@@ -1 +1 @@
1
- {"version":3,"file":"Card.type.js","sources":["../../../../src/components/Card/Card.type.ts"],"sourcesContent":["import type { ExtractPropTypes, PropType } from 'vue';\nimport type { IconPropType } from '../../utils/globalType';\nimport type Card from './Card';\nimport type CardMeta from './CardMeta.vue';\n\nexport const cardProps = {\n bordered: {\n type: Boolean,\n default: true\n },\n disHover: {\n type: Boolean,\n default: false\n },\n shadow: {\n type: Boolean,\n default: false\n },\n padding: {\n type: Number,\n default: 16\n },\n title: {\n type: String,\n default: ''\n },\n icon: {\n type: [String, Object, Function] as PropType<IconPropType>\n },\n grid: {\n type: Number,\n default: 0\n }\n};\n\nexport type CardProps = ExtractPropTypes<typeof cardProps>;\n\nexport const cardMetaProps = {\n avatar: {\n type: String,\n default: ''\n },\n title: {\n type: String,\n default: ''\n },\n description: {\n type: String,\n default: ''\n }\n};\n\nexport type CardMetaProps = ExtractPropTypes<typeof cardMetaProps>;\n\nexport type CardInstanceType = InstanceType<typeof Card>;\n\nexport type CardMetaInstanceType = InstanceType<typeof CardMeta>;\n"],"names":[],"mappings":";;;;MAKa,YAAY;AAAA,EACvB,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,SAAS;AAAA,IACP,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,OAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,MAAM;AAAA,IACJ,MAAM,CAAC,QAAQ,QAAQ,QAAQ;AAAA;AACjC,EACA,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,SAAS;AAAA;AAEb;MAIa,gBAAgB;AAAA,EAC3B,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,OAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,aAAa;AAAA,IACX,MAAM;AAAA,IACN,SAAS;AAAA;AAEb;;;;;"}
1
+ {"version":3,"file":"Card.type.js","sources":["../../../../src/components/Card/Card.type.ts"],"sourcesContent":["import type { ExtractPropTypes, PropType } from 'vue';\nimport type { IconPropType } from '../../utils/globalType';\nimport type Card from './Card';\nimport type CardMeta from './CardMeta.vue';\n\nexport const cardProps = {\n bordered: {\n type: Boolean,\n default: true\n },\n disHover: {\n type: Boolean,\n default: false\n },\n shadow: {\n type: Boolean,\n default: false\n },\n title: {\n type: String,\n default: ''\n },\n description: {\n type: String,\n default: ''\n },\n icon: {\n type: [String, Object, Function] as PropType<IconPropType>\n },\n grid: {\n type: Number,\n default: 0\n }\n};\n\nexport type CardProps = ExtractPropTypes<typeof cardProps>;\n\nexport const cardMetaProps = {\n avatar: {\n type: String,\n default: ''\n },\n title: {\n type: String,\n default: ''\n },\n description: {\n type: String,\n default: ''\n }\n};\n\nexport type CardMetaProps = ExtractPropTypes<typeof cardMetaProps>;\n\nexport type CardInstanceType = InstanceType<typeof Card>;\n\nexport type CardMetaInstanceType = InstanceType<typeof CardMeta>;\n"],"names":[],"mappings":";;;;MAKa,YAAY;AAAA,EACvB,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,OAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,aAAa;AAAA,IACX,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,MAAM;AAAA,IACJ,MAAM,CAAC,QAAQ,QAAQ,QAAQ;AAAA;AACjC,EACA,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,SAAS;AAAA;AAEb;MAIa,gBAAgB;AAAA,EAC3B,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,OAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,aAAa;AAAA,IACX,MAAM;AAAA,IACN,SAAS;AAAA;AAEb;;;;;"}