@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.
- package/es/components/Card/Card.d.ts +9 -9
- package/es/components/Card/Card.mjs +19 -26
- package/es/components/Card/Card.mjs.map +1 -1
- package/es/components/Card/Card.type.d.ts +4 -4
- package/es/components/Card/Card.type.mjs +4 -4
- package/es/components/Card/Card.type.mjs.map +1 -1
- package/es/components/Card/index.d.ts +15 -15
- package/es/components/DatePicker/DatePicker.mjs +2 -4
- package/es/components/DatePicker/DatePicker.mjs.map +1 -1
- package/es/components/DatePicker/Panel/DatePickerPanel.mjs +1 -0
- package/es/components/DatePicker/Panel/DatePickerPanel.mjs.map +1 -1
- package/es/components/Layout/Layout.type.d.ts +2 -7
- package/es/components/Layout/Layout.type.mjs +2 -7
- package/es/components/Layout/Layout.type.mjs.map +1 -1
- package/es/components/Layout/Sider.mjs +20 -16
- package/es/components/Layout/Sider.mjs.map +1 -1
- package/es/components/Layout/Sider.vue.d.ts +9 -17
- package/es/components/Layout/index.d.ts +9 -17
- package/es/components/Menu/Menu.d.ts +0 -11
- package/es/components/Menu/Menu.mjs +1 -3
- package/es/components/Menu/Menu.mjs.map +1 -1
- package/es/components/Menu/Menu.type.d.ts +0 -6
- package/es/components/Menu/Menu.type.mjs +0 -5
- package/es/components/Menu/Menu.type.mjs.map +1 -1
- package/es/components/Menu/SubMenu.mjs +1 -3
- package/es/components/Menu/SubMenu.mjs.map +1 -1
- package/es/components/Menu/SubMenu.vue.d.ts +0 -1
- package/es/components/Menu/index.d.ts +0 -19
- package/es/components/Table/BaseTable.vue.d.ts +0 -19
- package/es/components/Table/BodyTable.vue.d.ts +0 -19
- package/es/components/Table/HeadTable.vue.d.ts +0 -19
- package/es/components/Table/Table.vue.d.ts +0 -38
- package/es/components/Table/TableBox.vue.d.ts +0 -38
- package/es/components/Table/tableUnits/FilterDropdown.vue.d.ts +0 -19
- package/es/components/Table/tableUnits/SelectionCheckAll.vue.d.ts +0 -19
- package/es/components/Table/tableUnits/TableHeader.vue.d.ts +0 -19
- package/es/components/Table/tableUnits/TableHeaderRow.vue.d.ts +0 -19
- package/es/components/base/CollapseTransition.mjs +0 -16
- package/es/components/base/CollapseTransition.mjs.map +1 -1
- package/es/components/base/hooks/useGlobalConfig.d.ts +1 -0
- package/es/components/locale/default.d.ts +1 -0
- package/es/components/locale/default.mjs.map +1 -1
- package/lib/components/Card/Card.d.ts +9 -9
- package/lib/components/Card/Card.js +22 -29
- package/lib/components/Card/Card.js.map +1 -1
- package/lib/components/Card/Card.type.d.ts +4 -4
- package/lib/components/Card/Card.type.js +4 -4
- package/lib/components/Card/Card.type.js.map +1 -1
- package/lib/components/Card/index.d.ts +15 -15
- package/lib/components/DatePicker/DatePicker.js +2 -4
- package/lib/components/DatePicker/DatePicker.js.map +1 -1
- package/lib/components/DatePicker/Panel/DatePickerPanel.js +1 -0
- package/lib/components/DatePicker/Panel/DatePickerPanel.js.map +1 -1
- package/lib/components/Layout/Layout.type.d.ts +2 -7
- package/lib/components/Layout/Layout.type.js +2 -7
- package/lib/components/Layout/Layout.type.js.map +1 -1
- package/lib/components/Layout/Sider.js +19 -15
- package/lib/components/Layout/Sider.js.map +1 -1
- package/lib/components/Layout/Sider.vue.d.ts +9 -17
- package/lib/components/Layout/index.d.ts +9 -17
- package/lib/components/Menu/Menu.d.ts +0 -11
- package/lib/components/Menu/Menu.js +1 -3
- package/lib/components/Menu/Menu.js.map +1 -1
- package/lib/components/Menu/Menu.type.d.ts +0 -6
- package/lib/components/Menu/Menu.type.js +0 -5
- package/lib/components/Menu/Menu.type.js.map +1 -1
- package/lib/components/Menu/SubMenu.js +1 -3
- package/lib/components/Menu/SubMenu.js.map +1 -1
- package/lib/components/Menu/SubMenu.vue.d.ts +0 -1
- package/lib/components/Menu/index.d.ts +0 -19
- package/lib/components/Table/BaseTable.vue.d.ts +0 -19
- package/lib/components/Table/BodyTable.vue.d.ts +0 -19
- package/lib/components/Table/HeadTable.vue.d.ts +0 -19
- package/lib/components/Table/Table.vue.d.ts +0 -38
- package/lib/components/Table/TableBox.vue.d.ts +0 -38
- package/lib/components/Table/tableUnits/FilterDropdown.vue.d.ts +0 -19
- package/lib/components/Table/tableUnits/SelectionCheckAll.vue.d.ts +0 -19
- package/lib/components/Table/tableUnits/TableHeader.vue.d.ts +0 -19
- package/lib/components/Table/tableUnits/TableHeaderRow.vue.d.ts +0 -19
- package/lib/components/base/CollapseTransition.js +0 -16
- package/lib/components/base/CollapseTransition.js.map +1 -1
- package/lib/components/base/hooks/useGlobalConfig.d.ts +1 -0
- package/lib/components/locale/default.d.ts +1 -0
- package/lib/components/locale/default.js.map +1 -1
- package/package.json +1 -1
- package/styles/components/alert/index.css +1 -1
- package/styles/components/autoComplete/index.css +1 -1
- package/styles/components/avatar/index.css +1 -1
- package/styles/components/breadcrumb/index.css +1 -1
- package/styles/components/breadcrumb/index.less +5 -6
- package/styles/components/breadcrumb/var.less +4 -6
- package/styles/components/button/index.css +1 -1
- package/styles/components/card/index.css +1 -1
- package/styles/components/card/index.less +64 -70
- package/styles/components/card/var.less +4 -13
- package/styles/components/carousel/index.css +1 -1
- package/styles/components/cascader/index.css +1 -1
- package/styles/components/datePicker/index.css +1 -1
- package/styles/components/form/index.css +1 -1
- package/styles/components/icon/index.css +1 -1
- package/styles/components/input/index.css +1 -1
- package/styles/components/inputNumber/index.css +1 -1
- package/styles/components/layout/index.css +1 -1
- package/styles/components/layout/index.less +40 -55
- package/styles/components/layout/var.less +9 -41
- package/styles/components/link/index.css +1 -1
- package/styles/components/mentions/index.css +1 -1
- package/styles/components/menu/index.css +1 -1
- package/styles/components/menu/index.less +63 -207
- package/styles/components/menu/var.less +39 -69
- package/styles/components/modal/index.css +1 -1
- package/styles/components/select/index.css +1 -1
- package/styles/components/spin/index.css +1 -1
- package/styles/components/timePicker/index.css +1 -1
- package/styles/cssVariable.css +1 -1
- package/styles/cssVariable.less +8 -7
- package/styles/index.css +1 -1
- package/types/components/Card/Card.d.ts +9 -9
- package/types/components/Card/Card.type.d.ts +4 -4
- package/types/components/Card/index.d.ts +15 -15
- package/types/components/Layout/Layout.type.d.ts +2 -7
- package/types/components/Layout/Sider.vue.d.ts +9 -17
- package/types/components/Layout/index.d.ts +9 -17
- package/types/components/Menu/Menu.d.ts +0 -11
- package/types/components/Menu/Menu.type.d.ts +0 -6
- package/types/components/Menu/SubMenu.vue.d.ts +0 -1
- package/types/components/Menu/index.d.ts +0 -19
- package/types/components/Table/BaseTable.vue.d.ts +0 -19
- package/types/components/Table/BodyTable.vue.d.ts +0 -19
- package/types/components/Table/HeadTable.vue.d.ts +0 -19
- package/types/components/Table/Table.vue.d.ts +0 -38
- package/types/components/Table/TableBox.vue.d.ts +0 -38
- package/types/components/Table/tableUnits/FilterDropdown.vue.d.ts +0 -19
- package/types/components/Table/tableUnits/SelectionCheckAll.vue.d.ts +0 -19
- package/types/components/Table/tableUnits/TableHeader.vue.d.ts +0 -19
- package/types/components/Table/tableUnits/TableHeaderRow.vue.d.ts +0 -19
- package/types/components/base/hooks/useGlobalConfig.d.ts +1 -0
- package/types/components/locale/default.d.ts +1 -0
- package/uxd-ui.css +1 -1
- package/uxd-ui.esm.min.mjs +6 -6
- package/uxd-ui.esm.mjs +373 -406
- package/uxd-ui.umd.js +372 -405
- 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
|
|
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;;;;"}
|
|
@@ -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":"
|
|
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
|
|
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
|
|
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
|
|
42
|
+
return vue.createVNode(index.UIcon, null, {
|
|
50
43
|
default: () => [vue.createVNode(iconSvg, null, null)]
|
|
51
44
|
});
|
|
52
45
|
}
|
|
53
|
-
return vue.createVNode(index
|
|
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-
|
|
63
|
-
}, [iconRender(), vue.createVNode("span", null, [title])])
|
|
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("
|
|
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("
|
|
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(
|
|
78
|
-
"
|
|
79
|
-
|
|
80
|
-
|
|
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
|
-
}, [
|
|
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
|
|
92
|
+
[`${prefixCls.value}-dis-hover`]: disHover && !shadow,
|
|
100
93
|
[`${prefixCls.value}-shadow`]: shadow,
|
|
101
94
|
[`${prefixCls.value}-contain-grid`]: grid
|
|
102
95
|
}]
|
|
103
|
-
}, [
|
|
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
|
|
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
|
|
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;;;;;"}
|