@koi-design/uxd-ui 14.0.6 → 14.0.8
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/Cascader/Cascader.d.ts +3 -3
- package/es/components/Cascader/Cascader.mjs +2 -4
- package/es/components/Cascader/Cascader.mjs.map +1 -1
- package/es/components/Cascader/Cascader.type.d.ts +1 -1
- package/es/components/Cascader/Cascader.type.mjs +1 -1
- package/es/components/Cascader/Cascader.type.mjs.map +1 -1
- package/es/components/Cascader/CascaderMenu.mjs +4 -4
- package/es/components/Cascader/CascaderMenu.mjs.map +1 -1
- package/es/components/Cascader/index.d.ts +6 -6
- package/es/components/Checkbox/Checkbox.mjs +1 -0
- package/es/components/Checkbox/Checkbox.mjs.map +1 -1
- package/es/components/Checkbox/Checkbox.type.d.ts +1 -0
- package/es/components/Checkbox/Checkbox.type.mjs +2 -1
- package/es/components/Checkbox/Checkbox.type.mjs.map +1 -1
- package/es/components/Checkbox/Checkbox.vue.d.ts +2 -0
- package/es/components/Checkbox/CheckboxGroup.vue.d.ts +2 -0
- package/es/components/Checkbox/index.d.ts +7 -0
- 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/Progress/Circle.mjs +1 -3
- package/es/components/Progress/Circle.mjs.map +1 -1
- package/es/components/Progress/Progress.mjs +2 -3
- package/es/components/Progress/Progress.mjs.map +1 -1
- package/es/components/Progress/Progress.type.d.ts +1 -6
- package/es/components/Progress/Progress.type.mjs +0 -6
- package/es/components/Progress/Progress.type.mjs.map +1 -1
- package/es/components/Progress/Progress.vue.d.ts +0 -16
- package/es/components/Progress/index.d.ts +0 -33
- package/es/components/Select/RefSelect.vue.d.ts +7 -0
- package/es/components/Table/BaseTable.vue.d.ts +7 -19
- package/es/components/Table/BodyTable.vue.d.ts +7 -19
- package/es/components/Table/HeadTable.vue.d.ts +7 -19
- package/es/components/Table/Table.vue.d.ts +14 -38
- package/es/components/Table/TableBox.vue.d.ts +14 -38
- package/es/components/Table/tableUnits/FilterDropdown.vue.d.ts +7 -19
- package/es/components/Table/tableUnits/SelectionBox.vue.d.ts +7 -0
- package/es/components/Table/tableUnits/SelectionCheckAll.vue.d.ts +7 -19
- package/es/components/Table/tableUnits/TableHeader.vue.d.ts +7 -19
- package/es/components/Table/tableUnits/TableHeaderRow.vue.d.ts +7 -19
- package/es/components/Transfer/Operation.mjs +6 -4
- package/es/components/Transfer/Operation.mjs.map +1 -1
- package/es/components/Transfer/Transfer.mjs +2 -4
- package/es/components/Transfer/Transfer.mjs.map +1 -1
- package/es/components/Transfer/Transfer.type.d.ts +0 -5
- package/es/components/Transfer/Transfer.type.mjs +1 -8
- package/es/components/Transfer/Transfer.type.mjs.map +1 -1
- package/es/components/Transfer/Transfer.vue.d.ts +42 -11
- package/es/components/Transfer/TransferList.mjs +14 -10
- package/es/components/Transfer/TransferList.mjs.map +1 -1
- package/es/components/Transfer/TransferList.vue.d.ts +14 -0
- package/es/components/Transfer/TransferListItem.vue.d.ts +7 -0
- package/es/components/Transfer/index.d.ts +112 -18
- package/es/components/Tree/SubTree.vue.d.ts +7 -0
- package/es/components/Tree/Tree.vue.d.ts +7 -0
- package/es/components/Tree/TreeNode.vue.d.ts +7 -0
- package/es/components/Tree/index.d.ts +14 -0
- package/es/components/TreeSelect/TreeSelect.vue.d.ts +14 -0
- package/es/components/TreeSelect/index.d.ts +28 -0
- package/es/components/Upload/UploadList.vue.d.ts +0 -33
- 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/Cascader/Cascader.d.ts +3 -3
- package/lib/components/Cascader/Cascader.js +2 -4
- package/lib/components/Cascader/Cascader.js.map +1 -1
- package/lib/components/Cascader/Cascader.type.d.ts +1 -1
- package/lib/components/Cascader/Cascader.type.js +1 -1
- package/lib/components/Cascader/Cascader.type.js.map +1 -1
- package/lib/components/Cascader/CascaderMenu.js +3 -3
- package/lib/components/Cascader/CascaderMenu.js.map +1 -1
- package/lib/components/Cascader/index.d.ts +6 -6
- package/lib/components/Checkbox/Checkbox.js +1 -0
- package/lib/components/Checkbox/Checkbox.js.map +1 -1
- package/lib/components/Checkbox/Checkbox.type.d.ts +1 -0
- package/lib/components/Checkbox/Checkbox.type.js +2 -1
- package/lib/components/Checkbox/Checkbox.type.js.map +1 -1
- package/lib/components/Checkbox/Checkbox.vue.d.ts +2 -0
- package/lib/components/Checkbox/CheckboxGroup.vue.d.ts +2 -0
- package/lib/components/Checkbox/index.d.ts +7 -0
- 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/Progress/Circle.js +1 -3
- package/lib/components/Progress/Circle.js.map +1 -1
- package/lib/components/Progress/Progress.js +2 -3
- package/lib/components/Progress/Progress.js.map +1 -1
- package/lib/components/Progress/Progress.type.d.ts +1 -6
- package/lib/components/Progress/Progress.type.js +0 -6
- package/lib/components/Progress/Progress.type.js.map +1 -1
- package/lib/components/Progress/Progress.vue.d.ts +0 -16
- package/lib/components/Progress/index.d.ts +0 -33
- package/lib/components/Select/RefSelect.vue.d.ts +7 -0
- package/lib/components/Table/BaseTable.vue.d.ts +7 -19
- package/lib/components/Table/BodyTable.vue.d.ts +7 -19
- package/lib/components/Table/HeadTable.vue.d.ts +7 -19
- package/lib/components/Table/Table.vue.d.ts +14 -38
- package/lib/components/Table/TableBox.vue.d.ts +14 -38
- package/lib/components/Table/tableUnits/FilterDropdown.vue.d.ts +7 -19
- package/lib/components/Table/tableUnits/SelectionBox.vue.d.ts +7 -0
- package/lib/components/Table/tableUnits/SelectionCheckAll.vue.d.ts +7 -19
- package/lib/components/Table/tableUnits/TableHeader.vue.d.ts +7 -19
- package/lib/components/Table/tableUnits/TableHeaderRow.vue.d.ts +7 -19
- package/lib/components/Transfer/Operation.js +6 -4
- package/lib/components/Transfer/Operation.js.map +1 -1
- package/lib/components/Transfer/Transfer.js +2 -4
- package/lib/components/Transfer/Transfer.js.map +1 -1
- package/lib/components/Transfer/Transfer.type.d.ts +0 -5
- package/lib/components/Transfer/Transfer.type.js +0 -7
- package/lib/components/Transfer/Transfer.type.js.map +1 -1
- package/lib/components/Transfer/Transfer.vue.d.ts +42 -11
- package/lib/components/Transfer/TransferList.js +14 -10
- package/lib/components/Transfer/TransferList.js.map +1 -1
- package/lib/components/Transfer/TransferList.vue.d.ts +14 -0
- package/lib/components/Transfer/TransferListItem.vue.d.ts +7 -0
- package/lib/components/Transfer/index.d.ts +112 -18
- package/lib/components/Tree/SubTree.vue.d.ts +7 -0
- package/lib/components/Tree/Tree.vue.d.ts +7 -0
- package/lib/components/Tree/TreeNode.vue.d.ts +7 -0
- package/lib/components/Tree/index.d.ts +14 -0
- package/lib/components/TreeSelect/TreeSelect.vue.d.ts +14 -0
- package/lib/components/TreeSelect/index.d.ts +28 -0
- package/lib/components/Upload/UploadList.vue.d.ts +0 -33
- 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/carousel/index.less +38 -35
- package/styles/components/carousel/var.less +6 -19
- package/styles/components/cascader/index.css +1 -1
- package/styles/components/cascader/index.less +20 -32
- 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 +40 -69
- package/styles/components/modal/index.css +1 -1
- package/styles/components/progress/index.css +1 -1
- package/styles/components/progress/index.less +42 -56
- package/styles/components/progress/var.less +3 -4
- 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/components/transfer/index.css +1 -1
- package/styles/components/transfer/index.less +38 -42
- package/styles/components/transfer/var.less +8 -42
- package/styles/components/tree/index.css +1 -1
- package/styles/components/tree/index.less +17 -27
- package/styles/components/tree/var.less +5 -16
- package/styles/cssVariable.css +1 -1
- package/styles/cssVariable.less +8 -8
- package/styles/index.css +1 -1
- package/styles/tokens/typography.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/Cascader/Cascader.d.ts +3 -3
- package/types/components/Cascader/Cascader.type.d.ts +1 -1
- package/types/components/Cascader/index.d.ts +6 -6
- package/types/components/Checkbox/Checkbox.type.d.ts +1 -0
- package/types/components/Checkbox/Checkbox.vue.d.ts +2 -0
- package/types/components/Checkbox/CheckboxGroup.vue.d.ts +2 -0
- package/types/components/Checkbox/index.d.ts +7 -0
- 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/Progress/Progress.type.d.ts +1 -6
- package/types/components/Progress/Progress.vue.d.ts +0 -16
- package/types/components/Progress/index.d.ts +0 -33
- package/types/components/Select/RefSelect.vue.d.ts +7 -0
- package/types/components/Table/BaseTable.vue.d.ts +7 -19
- package/types/components/Table/BodyTable.vue.d.ts +7 -19
- package/types/components/Table/HeadTable.vue.d.ts +7 -19
- package/types/components/Table/Table.vue.d.ts +14 -38
- package/types/components/Table/TableBox.vue.d.ts +14 -38
- package/types/components/Table/tableUnits/FilterDropdown.vue.d.ts +7 -19
- package/types/components/Table/tableUnits/SelectionBox.vue.d.ts +7 -0
- package/types/components/Table/tableUnits/SelectionCheckAll.vue.d.ts +7 -19
- package/types/components/Table/tableUnits/TableHeader.vue.d.ts +7 -19
- package/types/components/Table/tableUnits/TableHeaderRow.vue.d.ts +7 -19
- package/types/components/Transfer/Transfer.type.d.ts +0 -5
- package/types/components/Transfer/Transfer.vue.d.ts +42 -11
- package/types/components/Transfer/TransferList.vue.d.ts +14 -0
- package/types/components/Transfer/TransferListItem.vue.d.ts +7 -0
- package/types/components/Transfer/index.d.ts +112 -18
- package/types/components/Tree/SubTree.vue.d.ts +7 -0
- package/types/components/Tree/Tree.vue.d.ts +7 -0
- package/types/components/Tree/TreeNode.vue.d.ts +7 -0
- package/types/components/Tree/index.d.ts +14 -0
- package/types/components/TreeSelect/TreeSelect.vue.d.ts +14 -0
- package/types/components/TreeSelect/index.d.ts +28 -0
- package/types/components/Upload/UploadList.vue.d.ts +0 -33
- 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 +513 -555
- package/uxd-ui.umd.js +512 -554
- package/uxd-ui.umd.min.js +6 -6
|
@@ -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>;
|
|
@@ -3018,6 +2999,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
3018
2999
|
};
|
|
3019
3000
|
}>> & Readonly<{
|
|
3020
3001
|
onChange?: (val: import("../..").CheckboxValueType, ev: Event) => any;
|
|
3002
|
+
onClick?: (ev: Event) => any;
|
|
3021
3003
|
"onUpdate:modelValue"?: (val: import("../..").CheckboxValueType) => any;
|
|
3022
3004
|
}>, {
|
|
3023
3005
|
prefixCls: import("vue").ComputedRef<string>;
|
|
@@ -3034,6 +3016,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
3034
3016
|
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
3035
3017
|
'update:modelValue': (val: import("../..").CheckboxValueType) => boolean;
|
|
3036
3018
|
change: (val: import("../..").CheckboxValueType, ev: Event) => boolean;
|
|
3019
|
+
click: (ev: Event) => boolean;
|
|
3037
3020
|
}, import("vue").PublicProps, {
|
|
3038
3021
|
name: string;
|
|
3039
3022
|
disabled: boolean;
|
|
@@ -3214,6 +3197,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
3214
3197
|
};
|
|
3215
3198
|
}>> & Readonly<{
|
|
3216
3199
|
onChange?: (val: import("../..").CheckboxValueType, ev: Event) => any;
|
|
3200
|
+
onClick?: (ev: Event) => any;
|
|
3217
3201
|
"onUpdate:modelValue"?: (val: import("../..").CheckboxValueType) => any;
|
|
3218
3202
|
}>, {
|
|
3219
3203
|
prefixCls: import("vue").ComputedRef<string>;
|
|
@@ -3270,6 +3254,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
3270
3254
|
};
|
|
3271
3255
|
}>> & Readonly<{
|
|
3272
3256
|
onChange?: (val: import("../..").CheckboxValueType, ev: Event) => any;
|
|
3257
|
+
onClick?: (ev: Event) => any;
|
|
3273
3258
|
"onUpdate:modelValue"?: (val: import("../..").CheckboxValueType) => any;
|
|
3274
3259
|
}>, {
|
|
3275
3260
|
prefixCls: import("vue").ComputedRef<string>;
|
|
@@ -3286,6 +3271,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
3286
3271
|
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
3287
3272
|
'update:modelValue': (val: import("../..").CheckboxValueType) => boolean;
|
|
3288
3273
|
change: (val: import("../..").CheckboxValueType, ev: Event) => boolean;
|
|
3274
|
+
click: (ev: Event) => boolean;
|
|
3289
3275
|
}, string, {
|
|
3290
3276
|
name: string;
|
|
3291
3277
|
disabled: boolean;
|
|
@@ -3712,6 +3698,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
3712
3698
|
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
3713
3699
|
'update:modelValue': (val: import("../..").CheckboxValueType) => boolean;
|
|
3714
3700
|
change: (val: import("../..").CheckboxValueType, ev: Event) => boolean;
|
|
3701
|
+
click: (ev: Event) => boolean;
|
|
3715
3702
|
}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
3716
3703
|
modelValue: {
|
|
3717
3704
|
type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
|
|
@@ -3743,6 +3730,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
3743
3730
|
};
|
|
3744
3731
|
}>> & Readonly<{
|
|
3745
3732
|
onChange?: (val: import("../..").CheckboxValueType, ev: Event) => any;
|
|
3733
|
+
onClick?: (ev: Event) => any;
|
|
3746
3734
|
"onUpdate:modelValue"?: (val: import("../..").CheckboxValueType) => any;
|
|
3747
3735
|
}>, {
|
|
3748
3736
|
name: 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>;
|
|
@@ -3006,6 +2987,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
3006
2987
|
};
|
|
3007
2988
|
}>> & Readonly<{
|
|
3008
2989
|
onChange?: (val: import("../..").CheckboxValueType, ev: Event) => any;
|
|
2990
|
+
onClick?: (ev: Event) => any;
|
|
3009
2991
|
"onUpdate:modelValue"?: (val: import("../..").CheckboxValueType) => any;
|
|
3010
2992
|
}>, {
|
|
3011
2993
|
prefixCls: import("vue").ComputedRef<string>;
|
|
@@ -3022,6 +3004,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
3022
3004
|
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
3023
3005
|
'update:modelValue': (val: import("../..").CheckboxValueType) => boolean;
|
|
3024
3006
|
change: (val: import("../..").CheckboxValueType, ev: Event) => boolean;
|
|
3007
|
+
click: (ev: Event) => boolean;
|
|
3025
3008
|
}, import("vue").PublicProps, {
|
|
3026
3009
|
name: string;
|
|
3027
3010
|
disabled: boolean;
|
|
@@ -3202,6 +3185,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
3202
3185
|
};
|
|
3203
3186
|
}>> & Readonly<{
|
|
3204
3187
|
onChange?: (val: import("../..").CheckboxValueType, ev: Event) => any;
|
|
3188
|
+
onClick?: (ev: Event) => any;
|
|
3205
3189
|
"onUpdate:modelValue"?: (val: import("../..").CheckboxValueType) => any;
|
|
3206
3190
|
}>, {
|
|
3207
3191
|
prefixCls: import("vue").ComputedRef<string>;
|
|
@@ -3258,6 +3242,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
3258
3242
|
};
|
|
3259
3243
|
}>> & Readonly<{
|
|
3260
3244
|
onChange?: (val: import("../..").CheckboxValueType, ev: Event) => any;
|
|
3245
|
+
onClick?: (ev: Event) => any;
|
|
3261
3246
|
"onUpdate:modelValue"?: (val: import("../..").CheckboxValueType) => any;
|
|
3262
3247
|
}>, {
|
|
3263
3248
|
prefixCls: import("vue").ComputedRef<string>;
|
|
@@ -3274,6 +3259,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
3274
3259
|
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
3275
3260
|
'update:modelValue': (val: import("../..").CheckboxValueType) => boolean;
|
|
3276
3261
|
change: (val: import("../..").CheckboxValueType, ev: Event) => boolean;
|
|
3262
|
+
click: (ev: Event) => boolean;
|
|
3277
3263
|
}, string, {
|
|
3278
3264
|
name: string;
|
|
3279
3265
|
disabled: boolean;
|
|
@@ -3700,6 +3686,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
3700
3686
|
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
3701
3687
|
'update:modelValue': (val: import("../..").CheckboxValueType) => boolean;
|
|
3702
3688
|
change: (val: import("../..").CheckboxValueType, ev: Event) => boolean;
|
|
3689
|
+
click: (ev: Event) => boolean;
|
|
3703
3690
|
}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
3704
3691
|
modelValue: {
|
|
3705
3692
|
type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
|
|
@@ -3731,6 +3718,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
3731
3718
|
};
|
|
3732
3719
|
}>> & Readonly<{
|
|
3733
3720
|
onChange?: (val: import("../..").CheckboxValueType, ev: Event) => any;
|
|
3721
|
+
onClick?: (ev: Event) => any;
|
|
3734
3722
|
"onUpdate:modelValue"?: (val: import("../..").CheckboxValueType) => any;
|
|
3735
3723
|
}>, {
|
|
3736
3724
|
name: string;
|
|
@@ -54,26 +54,28 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
54
54
|
}, [
|
|
55
55
|
createVNode(_component_UButton, {
|
|
56
56
|
icon: _ctx.ChevronRight,
|
|
57
|
-
type: "
|
|
57
|
+
type: "default",
|
|
58
58
|
disabled: _ctx.disabled || _ctx.toRightDisabled,
|
|
59
|
+
"icon-only": _ctx.operations[0] === "",
|
|
59
60
|
onClick: _cache[0] || (_cache[0] = ($event) => _ctx.handleTo("right"))
|
|
60
61
|
}, {
|
|
61
62
|
default: withCtx(() => [
|
|
62
63
|
createTextVNode(toDisplayString(_ctx.operations[0]), 1)
|
|
63
64
|
]),
|
|
64
65
|
_: 1
|
|
65
|
-
}, 8, ["icon", "disabled"]),
|
|
66
|
+
}, 8, ["icon", "disabled", "icon-only"]),
|
|
66
67
|
createVNode(_component_UButton, {
|
|
67
68
|
icon: _ctx.ChevronLeft,
|
|
68
|
-
type: "
|
|
69
|
+
type: "default",
|
|
69
70
|
disabled: _ctx.disabled || _ctx.toLeftDisabled,
|
|
71
|
+
"icon-only": _ctx.operations[1] === "",
|
|
70
72
|
onClick: _cache[1] || (_cache[1] = ($event) => _ctx.handleTo("left"))
|
|
71
73
|
}, {
|
|
72
74
|
default: withCtx(() => [
|
|
73
75
|
createTextVNode(toDisplayString(_ctx.operations[1]), 1)
|
|
74
76
|
]),
|
|
75
77
|
_: 1
|
|
76
|
-
}, 8, ["icon", "disabled"])
|
|
78
|
+
}, 8, ["icon", "disabled", "icon-only"])
|
|
77
79
|
], 2);
|
|
78
80
|
}
|
|
79
81
|
var Operation = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/admin/Documents/uxd/uxd-ui/src/components/Transfer/Operation.vue"]]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Operation.mjs","sources":["../../../../src/components/Transfer/Operation.vue"],"sourcesContent":["<template>\n <div :class=\"`${prefixCls}-operation`\">\n <UButton :icon=\"ChevronRight\" type=\"
|
|
1
|
+
{"version":3,"file":"Operation.mjs","sources":["../../../../src/components/Transfer/Operation.vue"],"sourcesContent":["<template>\n <div :class=\"`${prefixCls}-operation`\">\n <UButton :icon=\"ChevronRight\" type=\"default\" :disabled=\"disabled || toRightDisabled\" :icon-only=\"operations[0] === ''\" @click=\"handleTo('right')\">\n {{ operations[0] }}\n </UButton>\n <UButton :icon=\"ChevronLeft\" type=\"default\" :disabled=\"disabled || toLeftDisabled\" :icon-only=\"operations[1] === ''\" @click=\"handleTo('left')\">\n {{ operations[1] }}\n </UButton>\n </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent } from 'vue';\nimport type { PropType } from 'vue';\nimport { ChevronLeft, ChevronRight } from 'lucide-vue-next';\nimport UButton from '@uxd-ui/components/Button';\nimport { transferSide, type TransferSide } from './Transfer.type';\n\nexport default defineComponent({\n name: 'Operation',\n components: { UButton },\n props: {\n prefixCls: {\n type: String,\n default: ''\n },\n toRightDisabled: {\n type: Boolean,\n default: false\n },\n toLeftDisabled: {\n type: Boolean,\n default: false\n },\n disabled: {\n type: Boolean,\n default: false\n },\n operations: {\n type: Array as PropType<string[]>,\n required: true\n },\n loading: {\n type: Boolean,\n default: false\n }\n },\n emits: {\n 'on-click': (direction: TransferSide) => transferSide.includes(direction)\n },\n setup(props, { emit }) {\n const handleTo = (direction: TransferSide) => {\n emit('on-click', direction);\n };\n return {\n handleTo,\n ChevronLeft,\n ChevronRight\n };\n }\n});\n</script>\n"],"names":["_createElementBlock","_normalizeClass","_createVNode"],"mappings":";;;;;;AAkBA,MAAK,YAAa,gBAAa;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY,EAAE;AAAQ,EACtB,OAAO;AAAA,IACL,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA;AACX,IACA,iBAAiB;AAAA,MACf,MAAM;AAAA,MACN,SAAS;AAAA;AACX,IACA,gBAAgB;AAAA,MACd,MAAM;AAAA,MACN,SAAS;AAAA;AACX,IACA,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA;AACX,IACA,YAAY;AAAA,MACV,MAAM;AAAA,MACN,UAAU;AAAA;AACZ,IACA,SAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS;AAAA;AACX;AACF,EACA,OAAO;AAAA,IACL,YAAY,CAAC,cAA4B,aAAa,SAAS,SAAS;AAAA;AAC1E,EACA,MAAM,OAAO,EAAE,QAAQ;UACf,WAAW,CAAC,cAA4B;WACvC,YAAY,SAAS;AAAA;WAErB;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA;AACF;AAEJ,CAAC;;;sBA3DCA,mBAOM;IAPA,OAAKC,kBAAK,0BAAS;AAAA;IACvBC,YAEU;MAFA,MAAM;MAAc,MAAK;AAAA,MAAW,UAAU,iBAAY;MAAkB,aAAW,gBAAU;MAAa,SAAK,sCAAE,cAAQ;;uBACrI,MAAmB;AAAA,wCAAhB,gBAAU;;;;IAEfA,YAEU;MAFA,MAAM;MAAa,MAAK;AAAA,MAAW,UAAU,iBAAY;MAAiB,aAAW,gBAAU;MAAa,SAAK,sCAAE,cAAQ;;uBACnI,MAAmB;AAAA,wCAAhB,gBAAU;;;;;;;;;;"}
|
|
@@ -177,13 +177,11 @@ const _sfc_main = defineComponent({
|
|
|
177
177
|
};
|
|
178
178
|
}
|
|
179
179
|
});
|
|
180
|
-
const _hoisted_1 = ["data-color"];
|
|
181
180
|
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
182
181
|
const _component_TransferList = resolveComponent("TransferList");
|
|
183
182
|
const _component_Operation = resolveComponent("Operation");
|
|
184
183
|
return openBlock(), createElementBlock("div", {
|
|
185
|
-
class: normalizeClass([_ctx.prefixCls, { [`${_ctx.prefixCls}-custom`]: !!_ctx.renderList, [`${_ctx.prefixCls}-rtl`]: _ctx.computedDirection === "rtl" }])
|
|
186
|
-
"data-color": _ctx.color
|
|
184
|
+
class: normalizeClass([_ctx.prefixCls, { [`${_ctx.prefixCls}-custom`]: !!_ctx.renderList, [`${_ctx.prefixCls}-rtl`]: _ctx.computedDirection === "rtl" }])
|
|
187
185
|
}, [
|
|
188
186
|
createVNode(_component_TransferList, {
|
|
189
187
|
ref: _ctx.getTransferRef(0),
|
|
@@ -236,7 +234,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
236
234
|
onCheckAll: _ctx.handleSelectAll,
|
|
237
235
|
onSearch: _ctx.handleSearchChange
|
|
238
236
|
}, null, 8, ["prefix-cls", "list-style", "title-text", "data-source", "checked-keys", "disabled", "show-select-all", "filter-method", "show-search", "search", "footer", "render-list", "locale", "loading", "onItemSelect", "onCheckAll", "onSearch"])
|
|
239
|
-
],
|
|
237
|
+
], 2);
|
|
240
238
|
}
|
|
241
239
|
var Transfer = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/admin/Documents/uxd/uxd-ui/src/components/Transfer/Transfer.vue"]]);
|
|
242
240
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Transfer.mjs","sources":["../../../../src/components/Transfer/Transfer.vue"],"sourcesContent":["<template>\n <div :class=\"[prefixCls, { [`${prefixCls}-custom`]: !!renderList, [`${prefixCls}-rtl`]: computedDirection === 'rtl' }]\" :data-color=\"color\">\n <TransferList\n :ref=\"getTransferRef(0)\"\n side=\"left\"\n :prefix-cls=\"prefixCls\"\n :list-style=\"listStyle\"\n :title-text=\"titles[0]\"\n :data-source=\"separatedData.leftData\"\n :checked-keys=\"separatedKeys.sourceSelectedKeys\"\n :disabled=\"disabled\"\n :show-select-all=\"showSelectAll\"\n :filter-method=\"filterMethod\"\n :show-search=\"showSearch\"\n :search=\"leftSearch\"\n :footer=\"footer\"\n :render-list=\"renderList\"\n :locale=\"thisLocale\"\n :loading=\"loading\"\n @item-select=\"handleSelect\"\n @check-all=\"handleSelectAll\"\n @search=\"handleSearchChange\"\n />\n <Operation\n :prefix-cls=\"prefixCls\"\n :to-right-disabled=\"toRightDisabled || separatedKeys.sourceSelectedKeys.length === 0\"\n :to-left-disabled=\"toLeftDisabled || separatedKeys.targetSelectedKeys.length === 0\"\n :disabled=\"disabled\"\n :loading=\"loading\"\n :operations=\"operations\"\n @on-click=\"handleChange\"\n />\n <TransferList\n :ref=\"getTransferRef(1)\"\n side=\"right\"\n :prefix-cls=\"prefixCls\"\n :list-style=\"listStyle\"\n :title-text=\"titles[1]\"\n :data-source=\"separatedData.rightData\"\n :checked-keys=\"separatedKeys.targetSelectedKeys\"\n :disabled=\"disabled\"\n :show-select-all=\"showSelectAll\"\n :filter-method=\"filterMethod\"\n :show-search=\"showSearch\"\n :search=\"rightSearch\"\n :footer=\"footer\"\n :render-list=\"renderList\"\n :locale=\"thisLocale\"\n :loading=\"loading\"\n @item-select=\"handleSelect\"\n @check-all=\"handleSelectAll\"\n @search=\"handleSearchChange\"\n />\n </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, watch, computed, provide, ref, inject } from 'vue';\nimport TransferList from './TransferList.vue';\nimport Operation from './Operation.vue';\nimport useGlobalConfig from '../base/hooks/useGlobalConfig';\nimport { changeKeys } from './util';\nimport { transferEmits, transferProps, type TransferDataItem, type TransferSide } from './Transfer.type';\n\nimport type { FormItemContext } from '../Form/Form.type';\nimport { FormItemKey } from '../Form';\n\nexport const DataItem = {\n key: { type: String, isRequired: true },\n title: { type: String, isRequired: true },\n description: { type: String },\n disabled: { type: Boolean, default: undefined as undefined }\n};\n\ndeclare type TransferListInstance = InstanceType<typeof TransferList>;\n\nexport default defineComponent({\n name: 'UTransfer',\n components: { TransferList, Operation },\n props: transferProps,\n emits: transferEmits,\n setup(props, { emit, slots }) {\n const { prefixCls, config: globalConfig } = useGlobalConfig('transfer');\n\n const { onFieldChange } = inject<FormItemContext>(FormItemKey, {} as FormItemContext);\n\n const transferRefs = ref<TransferListInstance[]>([]);\n\n const getTransferRef = (i: number) => {\n return (ins: any) => {\n transferRefs.value[i] = ins;\n };\n };\n\n const thisLocale = computed(() => {\n return props.locale || globalConfig.locale.transfer;\n });\n\n const computedDirection = computed(() => {\n return props.direction || globalConfig.direction || 'ltr';\n });\n\n const selfTargetKeys = ref(props.targetKeys || []);\n const selfSelectedKeys = ref(props.selectedKeys || []);\n\n watch(\n () => props.targetKeys,\n (nextTargetKeys) => {\n selfTargetKeys.value = nextTargetKeys || [];\n }\n );\n\n // compute left dataSource and right dataSource\n const separatedData = computed(() => {\n const leftData: TransferDataItem[] = [];\n const rightData = new Array(selfTargetKeys.value.length);\n props.dataSource.forEach((data) => {\n const keyIndex = selfTargetKeys.value.indexOf(data.key);\n if (!props.removeSource) {\n leftData.push({\n ...data,\n disabled: data.disabled || keyIndex !== -1\n });\n if (keyIndex !== -1) {\n rightData[keyIndex] = { ...data, disabled: data.disabled || false };\n }\n } else if (keyIndex !== -1) {\n rightData[keyIndex] = data;\n } else {\n leftData.push(data);\n }\n });\n return {\n leftData,\n rightData: rightData.filter((x) => !!x)\n };\n });\n\n // watch dataSource update selfTargetKeys and selfSelectedKeys\n watch(\n () => props.dataSource,\n (nextDataSource) => {\n selfTargetKeys.value = nextDataSource.filter((nd) => selfTargetKeys.value.includes(nd.key)).map((nd) => nd.key);\n const nextSelectedKeys = props.selectedKeys || selfSelectedKeys.value;\n selfSelectedKeys.value = nextSelectedKeys.filter((sk) => nextDataSource.map((nd) => nd.key).includes(sk));\n }\n );\n\n // watch and computed source selectedKeys and target selectedKeys\n watch(\n () => props.selectedKeys,\n (nextSelectedKeys) => {\n selfSelectedKeys.value = nextSelectedKeys || [];\n }\n );\n\n const separatedKeys = computed(() => {\n return {\n sourceSelectedKeys: selfSelectedKeys.value.filter((k) => !selfTargetKeys.value.includes(k)),\n targetSelectedKeys: selfSelectedKeys.value.filter((k) => selfTargetKeys.value.includes(k))\n };\n });\n\n // provide combine solt and props renderItem method\n const itemRender = computed(() => {\n if (slots.renderItem) {\n return slots.renderItem;\n }\n return ({ item }: { item: TransferDataItem }) => props.renderItem(item);\n });\n provide('renderItem', itemRender.value);\n\n /**\n * @param {string[]} sourceSelectedKeys\n * @param {string[]} targetSelectedKeys\n * @return {void}\n * @description update selected keys\n */\n const updateSelectKeys = (sourceSelectedKeys: string[], targetSelectedKeys: string[]) => {\n // no selectedKeys props, change selfSelectedKeys\n if (!props.selectedKeys) {\n selfSelectedKeys.value = [...sourceSelectedKeys, ...targetSelectedKeys];\n }\n emit('select-change', sourceSelectedKeys, targetSelectedKeys);\n };\n\n /**\n * @param {string} itemKey item key\n * @param {boolean} checked next checked value\n * @param {string} side left or right\n * @return {void}\n * @description select single item\n */\n const handleSelect = (itemKey: string, checked: boolean, side: TransferSide) => {\n const { sourceSelectedKeys, targetSelectedKeys } = separatedKeys.value;\n if (side === 'left') {\n const changedKeys = changeKeys(sourceSelectedKeys, itemKey, checked);\n updateSelectKeys(changedKeys, targetSelectedKeys);\n }\n\n if (side === 'right') {\n const changedKeys = changeKeys(targetSelectedKeys, itemKey, checked);\n updateSelectKeys(sourceSelectedKeys, changedKeys);\n }\n };\n\n /**\n * @param {string[]} nextCheckedKeys next checked keys\n * @param {string} side left or right\n * @return {void}\n * @description click checkAll method: change to all or []\n */\n const handleSelectAll = (nextCheckedKeys: string[], side: TransferSide) => {\n const { sourceSelectedKeys, targetSelectedKeys } = separatedKeys.value;\n if (side === 'left') {\n updateSelectKeys(nextCheckedKeys, targetSelectedKeys);\n }\n\n if (side === 'right') {\n updateSelectKeys(sourceSelectedKeys, nextCheckedKeys);\n }\n };\n\n /**\n * @param {string[]} nextTargetKeys next target keys\n * @param {string} direction move direction: arrow direction\n * @param {string[]} moveKeys moved keys\n * @return {void}\n * @description update target keys\n */\n const updateTargetKeys = (nextTargetKeys: string[], direction: TransferSide, moveKeys: string[]) => {\n // no targetKeys props, change selfTargetKeys\n if (!props.targetKeys) {\n selfTargetKeys.value = nextTargetKeys;\n }\n emit('update:targetKeys', nextTargetKeys);\n emit('change', nextTargetKeys, direction, moveKeys);\n if (onFieldChange) onFieldChange(nextTargetKeys);\n };\n\n /**\n * @param {string} direction move direction: arrow direction\n * @return {void}\n * @description click arrow button method: change target keys\n */\n const handleChange = (direction: TransferSide) => {\n const { sourceSelectedKeys, targetSelectedKeys } = separatedKeys.value;\n if (direction === 'right') {\n const nextTargetKeys = props.dataSource.filter((d) => [...selfTargetKeys.value, ...sourceSelectedKeys].includes(d.key)).map((d) => d.key);\n updateTargetKeys(nextTargetKeys, direction, sourceSelectedKeys);\n updateSelectKeys([], targetSelectedKeys);\n }\n if (direction === 'left') {\n const nextTargetKeys = selfTargetKeys.value.filter((k) => !targetSelectedKeys.includes(k));\n updateTargetKeys(nextTargetKeys, direction, targetSelectedKeys);\n updateSelectKeys(sourceSelectedKeys, []);\n }\n };\n\n /**\n * @param {string} side left or right side\n * @param {string} value input value\n * @return {void}\n * @description type search value call back\n */\n const handleSearchChange = (side: TransferSide, value: string) => {\n emit('search', side, value);\n };\n\n /**\n * @param {*}\n * @return {*}\n * @description make search value empty\n */\n const clrearTransferSearchValue = () => {\n transferRefs.value.forEach((transferRef) => {\n if (transferRef) {\n transferRef.clearSearchValue();\n }\n });\n };\n\n provide(FormItemKey, {\n onFieldBlur: () => {},\n onFieldChange: () => {}\n });\n\n return {\n transferRefs,\n getTransferRef,\n thisLocale,\n prefixCls,\n separatedData,\n separatedKeys,\n computedDirection,\n footer: slots.footer,\n renderList: slots.children,\n leftSearch: slots.leftSearch,\n rightSearch: slots.rightSearch,\n handleSelect,\n handleSelectAll,\n handleChange,\n handleSearchChange,\n clrearTransferSearchValue\n };\n }\n});\n</script>\n"],"names":["_createElementBlock","_normalizeClass","_createVNode"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Transfer.mjs","sources":["../../../../src/components/Transfer/Transfer.vue"],"sourcesContent":["<template>\n <div :class=\"[prefixCls, { [`${prefixCls}-custom`]: !!renderList, [`${prefixCls}-rtl`]: computedDirection === 'rtl' }]\">\n <TransferList\n :ref=\"getTransferRef(0)\"\n side=\"left\"\n :prefix-cls=\"prefixCls\"\n :list-style=\"listStyle\"\n :title-text=\"titles[0]\"\n :data-source=\"separatedData.leftData\"\n :checked-keys=\"separatedKeys.sourceSelectedKeys\"\n :disabled=\"disabled\"\n :show-select-all=\"showSelectAll\"\n :filter-method=\"filterMethod\"\n :show-search=\"showSearch\"\n :search=\"leftSearch\"\n :footer=\"footer\"\n :render-list=\"renderList\"\n :locale=\"thisLocale\"\n :loading=\"loading\"\n @item-select=\"handleSelect\"\n @check-all=\"handleSelectAll\"\n @search=\"handleSearchChange\"\n />\n <Operation\n :prefix-cls=\"prefixCls\"\n :to-right-disabled=\"toRightDisabled || separatedKeys.sourceSelectedKeys.length === 0\"\n :to-left-disabled=\"toLeftDisabled || separatedKeys.targetSelectedKeys.length === 0\"\n :disabled=\"disabled\"\n :loading=\"loading\"\n :operations=\"operations\"\n @on-click=\"handleChange\"\n />\n <TransferList\n :ref=\"getTransferRef(1)\"\n side=\"right\"\n :prefix-cls=\"prefixCls\"\n :list-style=\"listStyle\"\n :title-text=\"titles[1]\"\n :data-source=\"separatedData.rightData\"\n :checked-keys=\"separatedKeys.targetSelectedKeys\"\n :disabled=\"disabled\"\n :show-select-all=\"showSelectAll\"\n :filter-method=\"filterMethod\"\n :show-search=\"showSearch\"\n :search=\"rightSearch\"\n :footer=\"footer\"\n :render-list=\"renderList\"\n :locale=\"thisLocale\"\n :loading=\"loading\"\n @item-select=\"handleSelect\"\n @check-all=\"handleSelectAll\"\n @search=\"handleSearchChange\"\n />\n </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, watch, computed, provide, ref, inject } from 'vue';\nimport TransferList from './TransferList.vue';\nimport Operation from './Operation.vue';\nimport useGlobalConfig from '../base/hooks/useGlobalConfig';\nimport { changeKeys } from './util';\nimport { transferEmits, transferProps, type TransferDataItem, type TransferSide } from './Transfer.type';\n\nimport type { FormItemContext } from '../Form/Form.type';\nimport { FormItemKey } from '../Form';\n\nexport const DataItem = {\n key: { type: String, isRequired: true },\n title: { type: String, isRequired: true },\n description: { type: String },\n disabled: { type: Boolean, default: undefined as undefined }\n};\n\ndeclare type TransferListInstance = InstanceType<typeof TransferList>;\n\nexport default defineComponent({\n name: 'UTransfer',\n components: { TransferList, Operation },\n props: transferProps,\n emits: transferEmits,\n setup(props, { emit, slots }) {\n const { prefixCls, config: globalConfig } = useGlobalConfig('transfer');\n\n const { onFieldChange } = inject<FormItemContext>(FormItemKey, {} as FormItemContext);\n\n const transferRefs = ref<TransferListInstance[]>([]);\n\n const getTransferRef = (i: number) => {\n return (ins: any) => {\n transferRefs.value[i] = ins;\n };\n };\n\n const thisLocale = computed(() => {\n return props.locale || globalConfig.locale.transfer;\n });\n\n const computedDirection = computed(() => {\n return props.direction || globalConfig.direction || 'ltr';\n });\n\n const selfTargetKeys = ref(props.targetKeys || []);\n const selfSelectedKeys = ref(props.selectedKeys || []);\n\n watch(\n () => props.targetKeys,\n (nextTargetKeys) => {\n selfTargetKeys.value = nextTargetKeys || [];\n }\n );\n\n // compute left dataSource and right dataSource\n const separatedData = computed(() => {\n const leftData: TransferDataItem[] = [];\n const rightData = new Array(selfTargetKeys.value.length);\n props.dataSource.forEach((data) => {\n const keyIndex = selfTargetKeys.value.indexOf(data.key);\n if (!props.removeSource) {\n leftData.push({\n ...data,\n disabled: data.disabled || keyIndex !== -1\n });\n if (keyIndex !== -1) {\n rightData[keyIndex] = { ...data, disabled: data.disabled || false };\n }\n } else if (keyIndex !== -1) {\n rightData[keyIndex] = data;\n } else {\n leftData.push(data);\n }\n });\n return {\n leftData,\n rightData: rightData.filter((x) => !!x)\n };\n });\n\n // watch dataSource update selfTargetKeys and selfSelectedKeys\n watch(\n () => props.dataSource,\n (nextDataSource) => {\n selfTargetKeys.value = nextDataSource.filter((nd) => selfTargetKeys.value.includes(nd.key)).map((nd) => nd.key);\n const nextSelectedKeys = props.selectedKeys || selfSelectedKeys.value;\n selfSelectedKeys.value = nextSelectedKeys.filter((sk) => nextDataSource.map((nd) => nd.key).includes(sk));\n }\n );\n\n // watch and computed source selectedKeys and target selectedKeys\n watch(\n () => props.selectedKeys,\n (nextSelectedKeys) => {\n selfSelectedKeys.value = nextSelectedKeys || [];\n }\n );\n\n const separatedKeys = computed(() => {\n return {\n sourceSelectedKeys: selfSelectedKeys.value.filter((k) => !selfTargetKeys.value.includes(k)),\n targetSelectedKeys: selfSelectedKeys.value.filter((k) => selfTargetKeys.value.includes(k))\n };\n });\n\n // provide combine solt and props renderItem method\n const itemRender = computed(() => {\n if (slots.renderItem) {\n return slots.renderItem;\n }\n return ({ item }: { item: TransferDataItem }) => props.renderItem(item);\n });\n provide('renderItem', itemRender.value);\n\n /**\n * @param {string[]} sourceSelectedKeys\n * @param {string[]} targetSelectedKeys\n * @return {void}\n * @description update selected keys\n */\n const updateSelectKeys = (sourceSelectedKeys: string[], targetSelectedKeys: string[]) => {\n // no selectedKeys props, change selfSelectedKeys\n if (!props.selectedKeys) {\n selfSelectedKeys.value = [...sourceSelectedKeys, ...targetSelectedKeys];\n }\n emit('select-change', sourceSelectedKeys, targetSelectedKeys);\n };\n\n /**\n * @param {string} itemKey item key\n * @param {boolean} checked next checked value\n * @param {string} side left or right\n * @return {void}\n * @description select single item\n */\n const handleSelect = (itemKey: string, checked: boolean, side: TransferSide) => {\n const { sourceSelectedKeys, targetSelectedKeys } = separatedKeys.value;\n if (side === 'left') {\n const changedKeys = changeKeys(sourceSelectedKeys, itemKey, checked);\n updateSelectKeys(changedKeys, targetSelectedKeys);\n }\n\n if (side === 'right') {\n const changedKeys = changeKeys(targetSelectedKeys, itemKey, checked);\n updateSelectKeys(sourceSelectedKeys, changedKeys);\n }\n };\n\n /**\n * @param {string[]} nextCheckedKeys next checked keys\n * @param {string} side left or right\n * @return {void}\n * @description click checkAll method: change to all or []\n */\n const handleSelectAll = (nextCheckedKeys: string[], side: TransferSide) => {\n const { sourceSelectedKeys, targetSelectedKeys } = separatedKeys.value;\n if (side === 'left') {\n updateSelectKeys(nextCheckedKeys, targetSelectedKeys);\n }\n\n if (side === 'right') {\n updateSelectKeys(sourceSelectedKeys, nextCheckedKeys);\n }\n };\n\n /**\n * @param {string[]} nextTargetKeys next target keys\n * @param {string} direction move direction: arrow direction\n * @param {string[]} moveKeys moved keys\n * @return {void}\n * @description update target keys\n */\n const updateTargetKeys = (nextTargetKeys: string[], direction: TransferSide, moveKeys: string[]) => {\n // no targetKeys props, change selfTargetKeys\n if (!props.targetKeys) {\n selfTargetKeys.value = nextTargetKeys;\n }\n emit('update:targetKeys', nextTargetKeys);\n emit('change', nextTargetKeys, direction, moveKeys);\n if (onFieldChange) onFieldChange(nextTargetKeys);\n };\n\n /**\n * @param {string} direction move direction: arrow direction\n * @return {void}\n * @description click arrow button method: change target keys\n */\n const handleChange = (direction: TransferSide) => {\n const { sourceSelectedKeys, targetSelectedKeys } = separatedKeys.value;\n if (direction === 'right') {\n const nextTargetKeys = props.dataSource.filter((d) => [...selfTargetKeys.value, ...sourceSelectedKeys].includes(d.key)).map((d) => d.key);\n updateTargetKeys(nextTargetKeys, direction, sourceSelectedKeys);\n updateSelectKeys([], targetSelectedKeys);\n }\n if (direction === 'left') {\n const nextTargetKeys = selfTargetKeys.value.filter((k) => !targetSelectedKeys.includes(k));\n updateTargetKeys(nextTargetKeys, direction, targetSelectedKeys);\n updateSelectKeys(sourceSelectedKeys, []);\n }\n };\n\n /**\n * @param {string} side left or right side\n * @param {string} value input value\n * @return {void}\n * @description type search value call back\n */\n const handleSearchChange = (side: TransferSide, value: string) => {\n emit('search', side, value);\n };\n\n /**\n * @param {*}\n * @return {*}\n * @description make search value empty\n */\n const clrearTransferSearchValue = () => {\n transferRefs.value.forEach((transferRef) => {\n if (transferRef) {\n transferRef.clearSearchValue();\n }\n });\n };\n\n provide(FormItemKey, {\n onFieldBlur: () => {},\n onFieldChange: () => {}\n });\n\n return {\n transferRefs,\n getTransferRef,\n thisLocale,\n prefixCls,\n separatedData,\n separatedKeys,\n computedDirection,\n footer: slots.footer,\n renderList: slots.children,\n leftSearch: slots.leftSearch,\n rightSearch: slots.rightSearch,\n handleSelect,\n handleSelectAll,\n handleChange,\n handleSearchChange,\n clrearTransferSearchValue\n };\n }\n});\n</script>\n"],"names":["_createElementBlock","_normalizeClass","_createVNode"],"mappings":"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"}
|
|
@@ -79,11 +79,6 @@ export declare const transferProps: {
|
|
|
79
79
|
type: BooleanConstructor;
|
|
80
80
|
default: boolean;
|
|
81
81
|
};
|
|
82
|
-
color: {
|
|
83
|
-
type: PropType<"primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint">;
|
|
84
|
-
default: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
|
|
85
|
-
validator: (val: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint") => boolean;
|
|
86
|
-
};
|
|
87
82
|
direction: {
|
|
88
83
|
type: PropType<"ltr" | "rtl">;
|
|
89
84
|
};
|
|
@@ -1,6 +1,4 @@
|
|
|
1
|
-
import { isArrayOf
|
|
2
|
-
import '../../utils/index.mjs';
|
|
3
|
-
import { colorType } from '../../utils/globalType.mjs';
|
|
1
|
+
import { isArrayOf } from '../../utils/propsValidators.mjs';
|
|
4
2
|
|
|
5
3
|
const transferSide = ["left", "right"];
|
|
6
4
|
const transferProps = {
|
|
@@ -69,11 +67,6 @@ const transferProps = {
|
|
|
69
67
|
type: Boolean,
|
|
70
68
|
default: false
|
|
71
69
|
},
|
|
72
|
-
color: {
|
|
73
|
-
type: String,
|
|
74
|
-
default: void 0,
|
|
75
|
-
validator: oneOf(colorType)
|
|
76
|
-
},
|
|
77
70
|
direction: {
|
|
78
71
|
type: String
|
|
79
72
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Transfer.type.mjs","sources":["../../../../src/components/Transfer/Transfer.type.ts"],"sourcesContent":["import type { CSSProperties, ExtractPropTypes, PropType, VNodeChild } from 'vue';\nimport { isArrayOf
|
|
1
|
+
{"version":3,"file":"Transfer.type.mjs","sources":["../../../../src/components/Transfer/Transfer.type.ts"],"sourcesContent":["import type { CSSProperties, ExtractPropTypes, PropType, VNodeChild } from 'vue';\nimport { isArrayOf } from '../../utils/propsValidators';\nimport type { TransferLocal } from '../locale/default';\n\nexport interface TransferDataItem {\n key: string;\n title: string;\n disabled?: boolean;\n [key: string]: any;\n}\n\nexport type TransferFilterMethod = (inputValue: string, item: TransferDataItem, searchKey?: string) => boolean;\nexport type TransferRenderItem = (item: TransferDataItem) => VNodeChild;\nexport type InjectRenderItem = ({ item }: { item: TransferDataItem }) => VNodeChild;\n\nexport const transferSide = ['left', 'right'] as const;\nexport type TransferSide = (typeof transferSide)[number];\n\nexport const transferProps = {\n dataSource: {\n type: Array as PropType<TransferDataItem[]>,\n default: () => [] as TransferDataItem[]\n },\n targetKeys: {\n type: Array as PropType<string[]>,\n validator: isArrayOf(String)\n },\n showSelectAll: {\n type: Boolean,\n default: true\n },\n selectedKeys: {\n type: Array as PropType<string[]>,\n validator: isArrayOf(String)\n },\n titles: {\n type: Array as PropType<string[]>,\n default: () => ['', ''],\n validator: isArrayOf(String)\n },\n disabled: {\n type: Boolean,\n default: false\n },\n toRightDisabled: {\n type: Boolean,\n default: false\n },\n toLeftDisabled: {\n type: Boolean,\n default: false\n },\n renderItem: {\n type: Function as PropType<TransferRenderItem>,\n default: (i: TransferDataItem) => i.title\n },\n showSearch: {\n type: Boolean,\n default: false\n },\n filterMethod: {\n type: Function as PropType<TransferFilterMethod>,\n default: (inputValue: string, item: TransferDataItem, searchKey = 'title') => item[searchKey].toLowerCase().indexOf(inputValue.toLowerCase()) > -1\n },\n listStyle: {\n type: Object as PropType<CSSProperties>,\n default: () => ({})\n },\n operations: {\n type: Array as PropType<string[]>,\n default: () => ['', ''],\n validator: isArrayOf(String)\n },\n locale: {\n type: Object as PropType<TransferLocal>\n },\n removeSource: {\n type: Boolean,\n default: true\n },\n loading: {\n type: Boolean,\n default: false\n },\n\n direction: {\n type: String as PropType<'ltr' | 'rtl'>\n }\n};\nexport type TransferProps = ExtractPropTypes<typeof transferProps>;\n\nexport const transferEmits = {\n 'select-change': (source: string[], target: string[]) => Array.isArray(source) && Array.isArray(target),\n change: (target: string[], side: TransferSide, moveKeys: string[]) =>\n Array.isArray(moveKeys) && Array.isArray(target) && transferSide.includes(side),\n search: (side: TransferSide, value: string) => transferSide.includes(side) && typeof value === 'string',\n 'update:targetKeys': (target: string[]) => Array.isArray(target)\n};\n"],"names":[],"mappings":";;MAea,eAAe,CAAC,QAAQ,OAAO;MAG/B,gBAAgB;AAAA,EAC3B,YAAY;AAAA,IACV,MAAM;AAAA,IACN,SAAS,MAAM;AAAC;AAClB,EACA,YAAY;AAAA,IACV,MAAM;AAAA,IACN,WAAW,UAAU,MAAM;AAAA;AAC7B,EACA,eAAe;AAAA,IACb,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,cAAc;AAAA,IACZ,MAAM;AAAA,IACN,WAAW,UAAU,MAAM;AAAA;AAC7B,EACA,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,SAAS,MAAM,CAAC,IAAI,EAAE;AAAA,IACtB,WAAW,UAAU,MAAM;AAAA;AAC7B,EACA,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,gBAAgB;AAAA,IACd,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,YAAY;AAAA,IACV,MAAM;AAAA,IACN,SAAS,CAAC,MAAwB,EAAE;AAAA;AACtC,EACA,YAAY;AAAA,IACV,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,cAAc;AAAA,IACZ,MAAM;AAAA,IACN,SAAS,CAAC,YAAoB,MAAwB,YAAY,YAAY,KAAK,WAAW,cAAc,QAAQ,WAAW,aAAa,IAAI;AAAA;AAClJ,EACA,WAAW;AAAA,IACT,MAAM;AAAA,IACN,SAAS,OAAO;AAAC;AACnB,EACA,YAAY;AAAA,IACV,MAAM;AAAA,IACN,SAAS,MAAM,CAAC,IAAI,EAAE;AAAA,IACtB,WAAW,UAAU,MAAM;AAAA;AAC7B,EACA,QAAQ;AAAA,IACN,MAAM;AAAA;AACR,EACA,cAAc;AAAA,IACZ,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,SAAS;AAAA,IACP,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EAEA,WAAW;AAAA,IACT,MAAM;AAAA;AAEV;MAGa,gBAAgB;AAAA,EAC3B,iBAAiB,CAAC,QAAkB,WAAqB,MAAM,QAAQ,MAAM,KAAK,MAAM,QAAQ,MAAM;AAAA,EACtG,QAAQ,CAAC,QAAkB,MAAoB,aAC7C,MAAM,QAAQ,QAAQ,KAAK,MAAM,QAAQ,MAAM,KAAK,aAAa,SAAS,IAAI;AAAA,EAChF,QAAQ,CAAC,MAAoB,UAAkB,aAAa,SAAS,IAAI,KAAK,OAAO,UAAU;AAAA,EAC/F,qBAAqB,CAAC,WAAqB,MAAM,QAAQ,MAAM;AACjE;;;;"}
|