ll-plus 2.6.14 → 2.6.17
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/tree-search/index.d.ts +10 -1
- package/es/components/tree-search/src/components/header-search.vue.d.ts +6 -1
- package/es/components/tree-search/src/config/header-search.d.ts +1 -0
- package/es/components/tree-search/src/config/tree-search.d.ts +1 -0
- package/es/components/tree-search/src/tree-search.vue.d.ts +10 -1
- package/es/packages/components/tree-search/src/components/header-search.vue2.mjs +4 -3
- package/es/packages/components/tree-search/src/components/header-search.vue2.mjs.map +1 -1
- package/es/packages/components/tree-search/src/config/header-search.mjs +7 -0
- package/es/packages/components/tree-search/src/config/header-search.mjs.map +1 -1
- package/es/packages/components/tree-search/src/config/tree-search.mjs +7 -0
- package/es/packages/components/tree-search/src/config/tree-search.mjs.map +1 -1
- package/es/packages/components/tree-search/src/tree-search.vue2.mjs +2 -1
- package/es/packages/components/tree-search/src/tree-search.vue2.mjs.map +1 -1
- package/index.full.js +19 -3
- package/index.full.min.js +2 -2
- package/index.full.min.js.map +1 -1
- package/index.full.min.mjs +2 -2
- package/index.full.min.mjs.map +1 -1
- package/index.full.mjs +19 -3
- package/lib/components/tree-search/index.d.ts +10 -1
- package/lib/components/tree-search/src/components/header-search.vue.d.ts +6 -1
- package/lib/components/tree-search/src/config/header-search.d.ts +1 -0
- package/lib/components/tree-search/src/config/tree-search.d.ts +1 -0
- package/lib/components/tree-search/src/tree-search.vue.d.ts +10 -1
- package/lib/packages/components/tree-search/src/components/header-search.vue2.js +3 -2
- package/lib/packages/components/tree-search/src/components/header-search.vue2.js.map +1 -1
- package/lib/packages/components/tree-search/src/config/header-search.js +7 -0
- package/lib/packages/components/tree-search/src/config/header-search.js.map +1 -1
- package/lib/packages/components/tree-search/src/config/tree-search.js +7 -0
- package/lib/packages/components/tree-search/src/config/tree-search.js.map +1 -1
- package/lib/packages/components/tree-search/src/tree-search.vue2.js +2 -1
- package/lib/packages/components/tree-search/src/tree-search.vue2.js.map +1 -1
- package/package.json +1 -1
- package/theme-chalk/css/index.css +1 -1
- package/theme-chalk/fonts/iconfont.js +1 -1
- package/theme-chalk/fonts/iconfont.json +348 -12
- package/types/packages/components/tree-search/index.d.ts +10 -1
- package/types/packages/components/tree-search/src/components/header-search.vue.d.ts +6 -1
- package/types/packages/components/tree-search/src/config/header-search.d.ts +1 -0
- package/types/packages/components/tree-search/src/config/tree-search.d.ts +1 -0
- package/types/packages/components/tree-search/src/tree-search.vue.d.ts +10 -1
package/index.full.mjs
CHANGED
|
@@ -76867,6 +76867,13 @@ const treeSelectHeaderSearchProps = buildProps({
|
|
|
76867
76867
|
throttleTime: {
|
|
76868
76868
|
type: Number
|
|
76869
76869
|
},
|
|
76870
|
+
/**
|
|
76871
|
+
* @description 是否显示头部add按钮
|
|
76872
|
+
*/
|
|
76873
|
+
isShowAddBtn: {
|
|
76874
|
+
type: Boolean,
|
|
76875
|
+
default: true
|
|
76876
|
+
},
|
|
76870
76877
|
/**
|
|
76871
76878
|
* @description input的change
|
|
76872
76879
|
*/
|
|
@@ -76923,6 +76930,13 @@ const treeSearchProps = buildProps({
|
|
|
76923
76930
|
type: Number,
|
|
76924
76931
|
default: THROTTLE_TIME
|
|
76925
76932
|
},
|
|
76933
|
+
/**
|
|
76934
|
+
* @description 是否显示头部add按钮
|
|
76935
|
+
*/
|
|
76936
|
+
isShowAddBtn: {
|
|
76937
|
+
type: Boolean,
|
|
76938
|
+
default: true
|
|
76939
|
+
},
|
|
76926
76940
|
/**
|
|
76927
76941
|
* @description tree的数据
|
|
76928
76942
|
*/
|
|
@@ -82530,7 +82544,8 @@ var _sfc_main$9 = /* @__PURE__ */ defineComponent({
|
|
|
82530
82544
|
/* STABLE */
|
|
82531
82545
|
}, 8, ["value", "onChange"]),
|
|
82532
82546
|
createCommentVNode(" add "),
|
|
82533
|
-
|
|
82547
|
+
_ctx.isShowAddBtn ? (openBlock(), createBlock(_component_ll_button, {
|
|
82548
|
+
key: 0,
|
|
82534
82549
|
class: normalizeClass(`${unref(bem).e("header-button")}`),
|
|
82535
82550
|
onClick: handleClick
|
|
82536
82551
|
}, {
|
|
@@ -82539,7 +82554,7 @@ var _sfc_main$9 = /* @__PURE__ */ defineComponent({
|
|
|
82539
82554
|
]),
|
|
82540
82555
|
_: 1
|
|
82541
82556
|
/* STABLE */
|
|
82542
|
-
}, 8, ["class"])
|
|
82557
|
+
}, 8, ["class"])) : createCommentVNode("v-if", true)
|
|
82543
82558
|
],
|
|
82544
82559
|
2
|
|
82545
82560
|
/* CLASS */
|
|
@@ -82711,9 +82726,10 @@ var _sfc_main$7 = /* @__PURE__ */ defineComponent({
|
|
|
82711
82726
|
createVNode(HeaderSearch, {
|
|
82712
82727
|
"throttle-time": _ctx.throttleTime,
|
|
82713
82728
|
"search-value": _ctx.searchValue,
|
|
82729
|
+
"is-show-add-btn": _ctx.isShowAddBtn,
|
|
82714
82730
|
"on-search-input-change": handleSearchInputChange,
|
|
82715
82731
|
onClick: handleClickAddBtn
|
|
82716
|
-
}, null, 8, ["throttle-time", "search-value"]),
|
|
82732
|
+
}, null, 8, ["throttle-time", "search-value", "is-show-add-btn"]),
|
|
82717
82733
|
createCommentVNode(" \u76EE\u5F55\u6807\u9898 "),
|
|
82718
82734
|
createVNode(DirectoryTitle, {
|
|
82719
82735
|
"is-collapse-menu": isCollapseMenu.value,
|
|
@@ -9,6 +9,7 @@ export declare const LlTreeSearch: import("ll-plus/es/utils").SFCWithInstall<imp
|
|
|
9
9
|
readonly operateDropdownOpen: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
|
|
10
10
|
readonly loading: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
|
|
11
11
|
readonly throttleTime: import("ll-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 300, boolean>;
|
|
12
|
+
readonly isShowAddBtn: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
|
|
12
13
|
readonly treeData: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => any[]) | (() => any[]) | ((new (...args: any[]) => any[]) | (() => any[]))[], unknown, unknown, () => never[], boolean>;
|
|
13
14
|
readonly fieldNames: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => import("ll-plus/es/index").IOperateTreeFieldNames) | (() => import("ll-plus/es/index").IOperateTreeFieldNames) | ((new (...args: any[]) => import("ll-plus/es/index").IOperateTreeFieldNames) | (() => import("ll-plus/es/index").IOperateTreeFieldNames))[], unknown, unknown, () => {
|
|
14
15
|
children: string;
|
|
@@ -67,6 +68,7 @@ export declare const LlTreeSearch: import("ll-plus/es/utils").SFCWithInstall<imp
|
|
|
67
68
|
readonly treeData: any[];
|
|
68
69
|
readonly operateDropdownOpen: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
69
70
|
readonly throttleTime: number;
|
|
71
|
+
readonly isShowAddBtn: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
70
72
|
readonly onSearchInputChange: Function;
|
|
71
73
|
readonly operateWay: import("ll-plus/es/utils").EpPropMergeType<StringConstructor, "none" | "modal" | "drawer", unknown>;
|
|
72
74
|
readonly searchValue?: string | undefined;
|
|
@@ -141,6 +143,7 @@ export declare const LlTreeSearch: import("ll-plus/es/utils").SFCWithInstall<imp
|
|
|
141
143
|
readonly validator: ((val: unknown) => boolean) | undefined;
|
|
142
144
|
__epPropKey: true;
|
|
143
145
|
};
|
|
146
|
+
readonly isShowAddBtn: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
|
|
144
147
|
readonly onSearchInputChange: {
|
|
145
148
|
readonly type: import("vue").PropType<Function>;
|
|
146
149
|
readonly required: false;
|
|
@@ -149,6 +152,7 @@ export declare const LlTreeSearch: import("ll-plus/es/utils").SFCWithInstall<imp
|
|
|
149
152
|
};
|
|
150
153
|
}, {
|
|
151
154
|
props: import("@vue/shared").LooseRequired<{
|
|
155
|
+
readonly isShowAddBtn: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
152
156
|
readonly searchValue?: string | undefined;
|
|
153
157
|
readonly throttleTime?: number | undefined;
|
|
154
158
|
readonly onSearchInputChange?: Function | undefined;
|
|
@@ -183,6 +187,7 @@ export declare const LlTreeSearch: import("ll-plus/es/utils").SFCWithInstall<imp
|
|
|
183
187
|
readonly validator: ((val: unknown) => boolean) | undefined;
|
|
184
188
|
__epPropKey: true;
|
|
185
189
|
};
|
|
190
|
+
readonly isShowAddBtn: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
|
|
186
191
|
readonly onSearchInputChange: {
|
|
187
192
|
readonly type: import("vue").PropType<Function>;
|
|
188
193
|
readonly required: false;
|
|
@@ -191,7 +196,9 @@ export declare const LlTreeSearch: import("ll-plus/es/utils").SFCWithInstall<imp
|
|
|
191
196
|
};
|
|
192
197
|
}>> & {
|
|
193
198
|
onClick?: ((e: Event) => any) | undefined;
|
|
194
|
-
}, {
|
|
199
|
+
}, {
|
|
200
|
+
readonly isShowAddBtn: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
201
|
+
}, {}>;
|
|
195
202
|
DirectoryTitle: import("vue").DefineComponent<{
|
|
196
203
|
readonly isCollapseMenu: {
|
|
197
204
|
readonly type: import("vue").PropType<import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>>;
|
|
@@ -324,6 +331,7 @@ export declare const LlTreeSearch: import("ll-plus/es/utils").SFCWithInstall<imp
|
|
|
324
331
|
readonly operateDropdownOpen: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
|
|
325
332
|
readonly loading: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
|
|
326
333
|
readonly throttleTime: import("ll-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 300, boolean>;
|
|
334
|
+
readonly isShowAddBtn: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
|
|
327
335
|
readonly treeData: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => any[]) | (() => any[]) | ((new (...args: any[]) => any[]) | (() => any[]))[], unknown, unknown, () => never[], boolean>;
|
|
328
336
|
readonly fieldNames: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => import("ll-plus/es/index").IOperateTreeFieldNames) | (() => import("ll-plus/es/index").IOperateTreeFieldNames) | ((new (...args: any[]) => import("ll-plus/es/index").IOperateTreeFieldNames) | (() => import("ll-plus/es/index").IOperateTreeFieldNames))[], unknown, unknown, () => {
|
|
329
337
|
children: string;
|
|
@@ -388,6 +396,7 @@ export declare const LlTreeSearch: import("ll-plus/es/utils").SFCWithInstall<imp
|
|
|
388
396
|
readonly treeData: any[];
|
|
389
397
|
readonly operateDropdownOpen: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
390
398
|
readonly throttleTime: number;
|
|
399
|
+
readonly isShowAddBtn: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
391
400
|
readonly onSearchInputChange: Function;
|
|
392
401
|
readonly operateWay: import("ll-plus/es/utils").EpPropMergeType<StringConstructor, "none" | "modal" | "drawer", unknown>;
|
|
393
402
|
}, {}>>;
|
|
@@ -12,6 +12,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
12
12
|
readonly validator: ((val: unknown) => boolean) | undefined;
|
|
13
13
|
__epPropKey: true;
|
|
14
14
|
};
|
|
15
|
+
readonly isShowAddBtn: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
|
|
15
16
|
readonly onSearchInputChange: {
|
|
16
17
|
readonly type: import("vue").PropType<Function>;
|
|
17
18
|
readonly required: false;
|
|
@@ -20,6 +21,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
20
21
|
};
|
|
21
22
|
}, {
|
|
22
23
|
props: import("@vue/shared").LooseRequired<{
|
|
24
|
+
readonly isShowAddBtn: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
23
25
|
readonly searchValue?: string | undefined;
|
|
24
26
|
readonly throttleTime?: number | undefined;
|
|
25
27
|
readonly onSearchInputChange?: Function | undefined;
|
|
@@ -54,6 +56,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
54
56
|
readonly validator: ((val: unknown) => boolean) | undefined;
|
|
55
57
|
__epPropKey: true;
|
|
56
58
|
};
|
|
59
|
+
readonly isShowAddBtn: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
|
|
57
60
|
readonly onSearchInputChange: {
|
|
58
61
|
readonly type: import("vue").PropType<Function>;
|
|
59
62
|
readonly required: false;
|
|
@@ -62,5 +65,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
62
65
|
};
|
|
63
66
|
}>> & {
|
|
64
67
|
onClick?: ((e: Event) => any) | undefined;
|
|
65
|
-
}, {
|
|
68
|
+
}, {
|
|
69
|
+
readonly isShowAddBtn: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
70
|
+
}, {}>;
|
|
66
71
|
export default _default;
|
|
@@ -13,6 +13,7 @@ export declare const treeSelectHeaderSearchProps: {
|
|
|
13
13
|
readonly validator: ((val: unknown) => boolean) | undefined;
|
|
14
14
|
__epPropKey: true;
|
|
15
15
|
};
|
|
16
|
+
readonly isShowAddBtn: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
|
|
16
17
|
readonly onSearchInputChange: {
|
|
17
18
|
readonly type: import("vue").PropType<Function>;
|
|
18
19
|
readonly required: false;
|
|
@@ -12,6 +12,7 @@ export declare const treeSearchProps: {
|
|
|
12
12
|
readonly operateDropdownOpen: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
|
|
13
13
|
readonly loading: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
|
|
14
14
|
readonly throttleTime: import("ll-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 300, boolean>;
|
|
15
|
+
readonly isShowAddBtn: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
|
|
15
16
|
readonly treeData: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => any[]) | (() => any[]) | ((new (...args: any[]) => any[]) | (() => any[]))[], unknown, unknown, () => never[], boolean>;
|
|
16
17
|
readonly fieldNames: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => IOperateTreeFieldNames) | (() => IOperateTreeFieldNames) | ((new (...args: any[]) => IOperateTreeFieldNames) | (() => IOperateTreeFieldNames))[], unknown, unknown, () => {
|
|
17
18
|
children: string;
|
|
@@ -8,6 +8,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
8
8
|
readonly operateDropdownOpen: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
|
|
9
9
|
readonly loading: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
|
|
10
10
|
readonly throttleTime: import("ll-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 300, boolean>;
|
|
11
|
+
readonly isShowAddBtn: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
|
|
11
12
|
readonly treeData: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => any[]) | (() => any[]) | ((new (...args: any[]) => any[]) | (() => any[]))[], unknown, unknown, () => never[], boolean>;
|
|
12
13
|
readonly fieldNames: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => import("ll-plus/es/components").IOperateTreeFieldNames) | (() => import("ll-plus/es/components").IOperateTreeFieldNames) | ((new (...args: any[]) => import("ll-plus/es/components").IOperateTreeFieldNames) | (() => import("ll-plus/es/components").IOperateTreeFieldNames))[], unknown, unknown, () => {
|
|
13
14
|
children: string;
|
|
@@ -66,6 +67,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
66
67
|
readonly treeData: any[];
|
|
67
68
|
readonly operateDropdownOpen: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
68
69
|
readonly throttleTime: number;
|
|
70
|
+
readonly isShowAddBtn: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
69
71
|
readonly onSearchInputChange: Function;
|
|
70
72
|
readonly operateWay: import("ll-plus/es/utils").EpPropMergeType<StringConstructor, "none" | "modal" | "drawer", unknown>;
|
|
71
73
|
readonly searchValue?: string | undefined;
|
|
@@ -140,6 +142,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
140
142
|
readonly validator: ((val: unknown) => boolean) | undefined;
|
|
141
143
|
__epPropKey: true;
|
|
142
144
|
};
|
|
145
|
+
readonly isShowAddBtn: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
|
|
143
146
|
readonly onSearchInputChange: {
|
|
144
147
|
readonly type: import("vue").PropType<Function>;
|
|
145
148
|
readonly required: false;
|
|
@@ -148,6 +151,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
148
151
|
};
|
|
149
152
|
}, {
|
|
150
153
|
props: import("@vue/shared").LooseRequired<{
|
|
154
|
+
readonly isShowAddBtn: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
151
155
|
readonly searchValue?: string | undefined;
|
|
152
156
|
readonly throttleTime?: number | undefined;
|
|
153
157
|
readonly onSearchInputChange?: Function | undefined;
|
|
@@ -182,6 +186,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
182
186
|
readonly validator: ((val: unknown) => boolean) | undefined;
|
|
183
187
|
__epPropKey: true;
|
|
184
188
|
};
|
|
189
|
+
readonly isShowAddBtn: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
|
|
185
190
|
readonly onSearchInputChange: {
|
|
186
191
|
readonly type: import("vue").PropType<Function>;
|
|
187
192
|
readonly required: false;
|
|
@@ -190,7 +195,9 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
190
195
|
};
|
|
191
196
|
}>> & {
|
|
192
197
|
onClick?: ((e: Event) => any) | undefined;
|
|
193
|
-
}, {
|
|
198
|
+
}, {
|
|
199
|
+
readonly isShowAddBtn: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
200
|
+
}, {}>;
|
|
194
201
|
DirectoryTitle: import("vue").DefineComponent<{
|
|
195
202
|
readonly isCollapseMenu: {
|
|
196
203
|
readonly type: import("vue").PropType<import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>>;
|
|
@@ -323,6 +330,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
323
330
|
readonly operateDropdownOpen: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
|
|
324
331
|
readonly loading: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
|
|
325
332
|
readonly throttleTime: import("ll-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 300, boolean>;
|
|
333
|
+
readonly isShowAddBtn: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
|
|
326
334
|
readonly treeData: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => any[]) | (() => any[]) | ((new (...args: any[]) => any[]) | (() => any[]))[], unknown, unknown, () => never[], boolean>;
|
|
327
335
|
readonly fieldNames: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => import("ll-plus/es/components").IOperateTreeFieldNames) | (() => import("ll-plus/es/components").IOperateTreeFieldNames) | ((new (...args: any[]) => import("ll-plus/es/components").IOperateTreeFieldNames) | (() => import("ll-plus/es/components").IOperateTreeFieldNames))[], unknown, unknown, () => {
|
|
328
336
|
children: string;
|
|
@@ -387,6 +395,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
387
395
|
readonly treeData: any[];
|
|
388
396
|
readonly operateDropdownOpen: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
389
397
|
readonly throttleTime: number;
|
|
398
|
+
readonly isShowAddBtn: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
390
399
|
readonly onSearchInputChange: Function;
|
|
391
400
|
readonly operateWay: import("ll-plus/es/utils").EpPropMergeType<StringConstructor, "none" | "modal" | "drawer", unknown>;
|
|
392
401
|
}, {}>;
|
|
@@ -50,7 +50,8 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
50
50
|
/* STABLE */
|
|
51
51
|
}, 8, ["value", "onChange"]),
|
|
52
52
|
vue.createCommentVNode(" add "),
|
|
53
|
-
vue.
|
|
53
|
+
_ctx.isShowAddBtn ? (vue.openBlock(), vue.createBlock(_component_ll_button, {
|
|
54
|
+
key: 0,
|
|
54
55
|
class: vue.normalizeClass(`${vue.unref(bem).e("header-button")}`),
|
|
55
56
|
onClick: handleClick
|
|
56
57
|
}, {
|
|
@@ -59,7 +60,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
59
60
|
]),
|
|
60
61
|
_: 1
|
|
61
62
|
/* STABLE */
|
|
62
|
-
}, 8, ["class"])
|
|
63
|
+
}, 8, ["class"])) : vue.createCommentVNode("v-if", true)
|
|
63
64
|
],
|
|
64
65
|
2
|
|
65
66
|
/* CLASS */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"header-search.vue2.js","sources":["../../../../../../../packages/components/tree-search/src/components/header-search.vue"],"sourcesContent":["<template>\n <div :class=\"bem.e('header')\">\n <!-- input -->\n <a-input\n :value=\"props.searchValue\"\n placeholder=\"请输入关键字\"\n @change=\"throttleInputChange\"\n >\n <template #prefix>\n <ll-icon icon-name=\"icon-search\" :class=\"bem.e('header-icon')\" />\n </template>\n </a-input>\n <!-- add -->\n <ll-button
|
|
1
|
+
{"version":3,"file":"header-search.vue2.js","sources":["../../../../../../../packages/components/tree-search/src/components/header-search.vue"],"sourcesContent":["<template>\n <div :class=\"bem.e('header')\">\n <!-- input -->\n <a-input\n :value=\"props.searchValue\"\n placeholder=\"请输入关键字\"\n @change=\"throttleInputChange\"\n >\n <template #prefix>\n <ll-icon icon-name=\"icon-search\" :class=\"bem.e('header-icon')\" />\n </template>\n </a-input>\n <!-- add -->\n <ll-button\n v-if=\"isShowAddBtn\"\n :class=\"`${bem.e('header-button')}`\"\n @click=\"handleClick\"\n >\n <ll-icon icon-name=\"icon-add\" />\n </ll-button>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport _ from 'lodash'\nimport { createNamespace } from '@ll-plus/utils'\nimport {\n treeSelectHeaderSearchProps,\n treeSelectHeaderSearchEmits\n} from '../config'\n\n// 1.defineOptions\ndefineOptions({ name: 'LlTreeSelectHeaderSearch' })\n\n// 2.props/emits\nconst props = defineProps(treeSelectHeaderSearchProps)\nconst emits = defineEmits(treeSelectHeaderSearchEmits)\n\n// 3.ref\n// const searchValue = ref('')\nconst bem = createNamespace('tree-search')\n\n// 4.methods\nconst handleInputChange = (e: any) => {\n props.onSearchInputChange && props.onSearchInputChange(e.target.value)\n}\nconst handleClick = (e: Event) => emits('click', e)\n// 搜索菜单列表节流\nconst throttleInputChange = _.throttle(handleInputChange, props.throttleTime)\n</script>\n"],"names":["createNamespace"],"mappings":";;;;;;;;;;;;;;;;;;AAmCA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAA,MAAM,KAAQ,GAAA,MAAA,CAAA;AAId,IAAM,MAAA,GAAA,GAAMA,gCAAgB,aAAa,CAAA,CAAA;AAGzC,IAAM,MAAA,iBAAA,GAAoB,CAAC,CAAW,KAAA;AACpC,MAAA,KAAA,CAAM,mBAAuB,IAAA,KAAA,CAAM,mBAAoB,CAAA,CAAA,CAAE,OAAO,KAAK,CAAA,CAAA;AAAA,KACvE,CAAA;AACA,IAAA,MAAM,WAAc,GAAA,CAAC,CAAa,KAAA,KAAA,CAAM,SAAS,CAAC,CAAA,CAAA;AAElD,IAAA,MAAM,mBAAsB,GAAA,CAAA,CAAE,QAAS,CAAA,iBAAA,EAAmB,MAAM,YAAY,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"header-search.js","sources":["../../../../../../../packages/components/tree-search/src/config/header-search.ts"],"sourcesContent":["import type { ExtractPropTypes } from 'vue'\n\nimport { buildProps } from '@ll-plus/utils'\n\nimport type HeaderSearch from '../components/header-search.vue'\n\nexport const treeSelectHeaderSearchProps = buildProps({\n /**\n * @description input的value\n */\n searchValue: {\n type: String\n },\n /**\n * @description 节流时间\n */\n throttleTime: {\n type: Number\n },\n /**\n * @description input的change\n */\n onSearchInputChange: {\n type: Function\n }\n} as const)\n\nexport const treeSelectHeaderSearchEmits = {\n click: (e: Event) => !!e // 点击新增按钮\n}\n\n// props\nexport type TreeSelectHeaderSearchProps = ExtractPropTypes<\n typeof treeSelectHeaderSearchProps\n>\n\n// emits\nexport type TreeSelectHeaderSearchEmits = ExtractPropTypes<\n typeof treeSelectHeaderSearchEmits\n>\n\n// instance\nexport type TreeSelectHeaderSearchInstance = InstanceType<typeof HeaderSearch>\n"],"names":["buildProps"],"mappings":";;;;;;AAMO,MAAM,8BAA8BA,kBAAW,CAAA;AAAA;AAAA;AAAA;AAAA,EAIpD,WAAa,EAAA;AAAA,IACX,IAAM,EAAA,MAAA;AAAA,GACR;AAAA;AAAA;AAAA;AAAA,EAIA,YAAc,EAAA;AAAA,IACZ,IAAM,EAAA,MAAA;AAAA,GACR;AAAA;AAAA;AAAA;AAAA,EAIA,mBAAqB,EAAA;AAAA,IACnB,IAAM,EAAA,QAAA;AAAA,GACR;AACF,CAAU,EAAA;AAEH,MAAM,2BAA8B,GAAA;AAAA,EACzC,KAAO,EAAA,CAAC,CAAa,KAAA,CAAC,CAAC,CAAA;AAAA;AACzB;;;;;"}
|
|
1
|
+
{"version":3,"file":"header-search.js","sources":["../../../../../../../packages/components/tree-search/src/config/header-search.ts"],"sourcesContent":["import type { ExtractPropTypes } from 'vue'\n\nimport { buildProps } from '@ll-plus/utils'\n\nimport type HeaderSearch from '../components/header-search.vue'\n\nexport const treeSelectHeaderSearchProps = buildProps({\n /**\n * @description input的value\n */\n searchValue: {\n type: String\n },\n /**\n * @description 节流时间\n */\n throttleTime: {\n type: Number\n },\n /**\n * @description 是否显示头部add按钮\n */\n isShowAddBtn: {\n type: Boolean,\n default: true\n },\n /**\n * @description input的change\n */\n onSearchInputChange: {\n type: Function\n }\n} as const)\n\nexport const treeSelectHeaderSearchEmits = {\n click: (e: Event) => !!e // 点击新增按钮\n}\n\n// props\nexport type TreeSelectHeaderSearchProps = ExtractPropTypes<\n typeof treeSelectHeaderSearchProps\n>\n\n// emits\nexport type TreeSelectHeaderSearchEmits = ExtractPropTypes<\n typeof treeSelectHeaderSearchEmits\n>\n\n// instance\nexport type TreeSelectHeaderSearchInstance = InstanceType<typeof HeaderSearch>\n"],"names":["buildProps"],"mappings":";;;;;;AAMO,MAAM,8BAA8BA,kBAAW,CAAA;AAAA;AAAA;AAAA;AAAA,EAIpD,WAAa,EAAA;AAAA,IACX,IAAM,EAAA,MAAA;AAAA,GACR;AAAA;AAAA;AAAA;AAAA,EAIA,YAAc,EAAA;AAAA,IACZ,IAAM,EAAA,MAAA;AAAA,GACR;AAAA;AAAA;AAAA;AAAA,EAIA,YAAc,EAAA;AAAA,IACZ,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,mBAAqB,EAAA;AAAA,IACnB,IAAM,EAAA,QAAA;AAAA,GACR;AACF,CAAU,EAAA;AAEH,MAAM,2BAA8B,GAAA;AAAA,EACzC,KAAO,EAAA,CAAC,CAAa,KAAA,CAAC,CAAC,CAAA;AAAA;AACzB;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tree-search.js","sources":["../../../../../../../packages/components/tree-search/src/config/tree-search.ts"],"sourcesContent":["import { buildProps, definePropType } from '@ll-plus/utils'\nimport { THROTTLE_TIME } from '@ll-plus/constant'\n\nimport type { ExtractPropTypes } from 'vue'\nimport type TreeSearch from '../tree-search.vue'\nimport {\n ModalProps,\n DrawerProps,\n IOperateTreeFieldNames\n} from '@ll-plus/components'\n\nexport const treeSearchOperateWayType = ['modal', 'drawer', 'none'] as const\n\nexport const treeSearchProps = buildProps({\n /**\n * @description input的value\n */\n searchValue: {\n type: String\n },\n /**\n * @description tree-operate操作栏的下拉菜单是否打开(用于如果展开的话,tree-operate不用隐藏)\n */\n operateDropdownOpen: {\n type: Boolean,\n default: false\n },\n /**\n * @description loading\n */\n loading: {\n type: Boolean,\n default: false\n },\n /**\n * @description 节流延时\n */\n throttleTime: {\n type: Number,\n default: THROTTLE_TIME\n },\n /**\n * @description tree的数据\n */\n treeData: {\n type: definePropType<any[]>(Array),\n default: () => []\n },\n /**\n * @description 替换 treeNode 中 title,key,children 字段为 treeData 中对应的字段\n */\n fieldNames: {\n type: definePropType<IOperateTreeFieldNames>(Object),\n default: () => ({ children: 'children', title: 'title', key: 'key' })\n },\n /**\n * @description 弹窗是否可见\n */\n open: {\n type: Boolean,\n default: false\n },\n /**\n * @description 新增和编辑显示哪种弹窗(模态框/抽屉/自定义)\n */\n operateWay: {\n type: String,\n values: treeSearchOperateWayType,\n default: 'modal'\n },\n /**\n * @description LlModal的组件配置\n */\n modalConfigProps: {\n type: definePropType<ModalProps>(Object)\n },\n /**\n * @description LlDrawer的组件配置\n */\n drawerConfigProps: {\n type: definePropType<DrawerProps>(Object)\n },\n /**\n * @description tree展开的key\n */\n expandedKeys: {\n type: definePropType<string[]>(Array)\n },\n /**\n * @description 头部搜索change\n */\n onSearchInputChange: {\n type: Function,\n default: (v: string) => !!v\n }\n} as const)\n\n// 正确\nexport const treeSearchEmits = {\n clickAdd: () => true, // 点击头部新增按钮\n cancel: () => true, // 弹窗取消按钮事件\n ok: () => true, // 弹窗确定按钮事件\n close: () => true, // 弹窗的close\n expand: (expandedKeys: string[], data: any) => expandedKeys || data, // tree的expand\n select: (selectedKeys: string[], e: Event) => selectedKeys || e // tree的select\n}\n\nexport const treeSearchEmits1 = [\n 'cancel',\n 'cancel',\n 'ok',\n 'close',\n 'expand',\n 'select'\n]\n\n// props\nexport type TreeSearchOperateWayType = typeof treeSearchOperateWayType\nexport type TreeSearchProps = ExtractPropTypes<typeof treeSearchProps>\n\n// emits\nexport type TreeSearchEmits = typeof treeSearchEmits\n\n// instance\nexport type TreeSearchInstance = InstanceType<typeof TreeSearch>\n"],"names":["buildProps","THROTTLE_TIME","definePropType"],"mappings":";;;;;;;AAWO,MAAM,wBAA2B,GAAA,CAAC,OAAS,EAAA,QAAA,EAAU,MAAM,EAAA;AAE3D,MAAM,kBAAkBA,kBAAW,CAAA;AAAA;AAAA;AAAA;AAAA,EAIxC,WAAa,EAAA;AAAA,IACX,IAAM,EAAA,MAAA;AAAA,GACR;AAAA;AAAA;AAAA;AAAA,EAIA,mBAAqB,EAAA;AAAA,IACnB,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,OAAS,EAAA;AAAA,IACP,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,YAAc,EAAA;AAAA,IACZ,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAAC,mBAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,QAAU,EAAA;AAAA,IACR,IAAA,EAAMC,uBAAsB,KAAK,CAAA;AAAA,IACjC,OAAA,EAAS,MAAM,EAAC;AAAA,GAClB;AAAA;AAAA;AAAA;AAAA,EAIA,UAAY,EAAA;AAAA,IACV,IAAA,EAAMA,uBAAuC,MAAM,CAAA;AAAA,IACnD,OAAA,EAAS,OAAO,EAAE,QAAA,EAAU,YAAY,KAAO,EAAA,OAAA,EAAS,KAAK,KAAM,EAAA,CAAA;AAAA,GACrE;AAAA;AAAA;AAAA;AAAA,EAIA,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,MAAA;AAAA,IACN,MAAQ,EAAA,wBAAA;AAAA,IACR,OAAS,EAAA,OAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,gBAAkB,EAAA;AAAA,IAChB,IAAA,EAAMA,uBAA2B,MAAM,CAAA;AAAA,GACzC;AAAA;AAAA;AAAA;AAAA,EAIA,iBAAmB,EAAA;AAAA,IACjB,IAAA,EAAMA,uBAA4B,MAAM,CAAA;AAAA,GAC1C;AAAA;AAAA;AAAA;AAAA,EAIA,YAAc,EAAA;AAAA,IACZ,IAAA,EAAMA,uBAAyB,KAAK,CAAA;AAAA,GACtC;AAAA;AAAA;AAAA;AAAA,EAIA,mBAAqB,EAAA;AAAA,IACnB,IAAM,EAAA,QAAA;AAAA,IACN,OAAS,EAAA,CAAC,CAAc,KAAA,CAAC,CAAC,CAAA;AAAA,GAC5B;AACF,CAAU,EAAA;AAGH,MAAM,eAAkB,GAAA;AAAA,EAC7B,UAAU,MAAM,IAAA;AAAA;AAAA,EAChB,QAAQ,MAAM,IAAA;AAAA;AAAA,EACd,IAAI,MAAM,IAAA;AAAA;AAAA,EACV,OAAO,MAAM,IAAA;AAAA;AAAA,EACb,MAAQ,EAAA,CAAC,YAAwB,EAAA,IAAA,KAAc,YAAgB,IAAA,IAAA;AAAA;AAAA,EAC/D,MAAQ,EAAA,CAAC,YAAwB,EAAA,CAAA,KAAa,YAAgB,IAAA,CAAA;AAAA;AAChE,EAAA;AAEO,MAAM,gBAAmB,GAAA;AAAA,EAC9B,QAAA;AAAA,EACA,QAAA;AAAA,EACA,IAAA;AAAA,EACA,OAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA;AACF;;;;;;;"}
|
|
1
|
+
{"version":3,"file":"tree-search.js","sources":["../../../../../../../packages/components/tree-search/src/config/tree-search.ts"],"sourcesContent":["import { buildProps, definePropType } from '@ll-plus/utils'\nimport { THROTTLE_TIME } from '@ll-plus/constant'\n\nimport type { ExtractPropTypes } from 'vue'\nimport type TreeSearch from '../tree-search.vue'\nimport {\n ModalProps,\n DrawerProps,\n IOperateTreeFieldNames\n} from '@ll-plus/components'\n\nexport const treeSearchOperateWayType = ['modal', 'drawer', 'none'] as const\n\nexport const treeSearchProps = buildProps({\n /**\n * @description input的value\n */\n searchValue: {\n type: String\n },\n /**\n * @description tree-operate操作栏的下拉菜单是否打开(用于如果展开的话,tree-operate不用隐藏)\n */\n operateDropdownOpen: {\n type: Boolean,\n default: false\n },\n /**\n * @description loading\n */\n loading: {\n type: Boolean,\n default: false\n },\n /**\n * @description 节流延时\n */\n throttleTime: {\n type: Number,\n default: THROTTLE_TIME\n },\n /**\n * @description 是否显示头部add按钮\n */\n isShowAddBtn: {\n type: Boolean,\n default: true\n },\n /**\n * @description tree的数据\n */\n treeData: {\n type: definePropType<any[]>(Array),\n default: () => []\n },\n /**\n * @description 替换 treeNode 中 title,key,children 字段为 treeData 中对应的字段\n */\n fieldNames: {\n type: definePropType<IOperateTreeFieldNames>(Object),\n default: () => ({ children: 'children', title: 'title', key: 'key' })\n },\n /**\n * @description 弹窗是否可见\n */\n open: {\n type: Boolean,\n default: false\n },\n /**\n * @description 新增和编辑显示哪种弹窗(模态框/抽屉/自定义)\n */\n operateWay: {\n type: String,\n values: treeSearchOperateWayType,\n default: 'modal'\n },\n /**\n * @description LlModal的组件配置\n */\n modalConfigProps: {\n type: definePropType<ModalProps>(Object)\n },\n /**\n * @description LlDrawer的组件配置\n */\n drawerConfigProps: {\n type: definePropType<DrawerProps>(Object)\n },\n /**\n * @description tree展开的key\n */\n expandedKeys: {\n type: definePropType<string[]>(Array)\n },\n /**\n * @description 头部搜索change\n */\n onSearchInputChange: {\n type: Function,\n default: (v: string) => !!v\n }\n} as const)\n\n// 正确\nexport const treeSearchEmits = {\n clickAdd: () => true, // 点击头部新增按钮\n cancel: () => true, // 弹窗取消按钮事件\n ok: () => true, // 弹窗确定按钮事件\n close: () => true, // 弹窗的close\n expand: (expandedKeys: string[], data: any) => expandedKeys || data, // tree的expand\n select: (selectedKeys: string[], e: Event) => selectedKeys || e // tree的select\n}\n\nexport const treeSearchEmits1 = [\n 'cancel',\n 'cancel',\n 'ok',\n 'close',\n 'expand',\n 'select'\n]\n\n// props\nexport type TreeSearchOperateWayType = typeof treeSearchOperateWayType\nexport type TreeSearchProps = ExtractPropTypes<typeof treeSearchProps>\n\n// emits\nexport type TreeSearchEmits = typeof treeSearchEmits\n\n// instance\nexport type TreeSearchInstance = InstanceType<typeof TreeSearch>\n"],"names":["buildProps","THROTTLE_TIME","definePropType"],"mappings":";;;;;;;AAWO,MAAM,wBAA2B,GAAA,CAAC,OAAS,EAAA,QAAA,EAAU,MAAM,EAAA;AAE3D,MAAM,kBAAkBA,kBAAW,CAAA;AAAA;AAAA;AAAA;AAAA,EAIxC,WAAa,EAAA;AAAA,IACX,IAAM,EAAA,MAAA;AAAA,GACR;AAAA;AAAA;AAAA;AAAA,EAIA,mBAAqB,EAAA;AAAA,IACnB,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,OAAS,EAAA;AAAA,IACP,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,YAAc,EAAA;AAAA,IACZ,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAAC,mBAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,YAAc,EAAA;AAAA,IACZ,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,QAAU,EAAA;AAAA,IACR,IAAA,EAAMC,uBAAsB,KAAK,CAAA;AAAA,IACjC,OAAA,EAAS,MAAM,EAAC;AAAA,GAClB;AAAA;AAAA;AAAA;AAAA,EAIA,UAAY,EAAA;AAAA,IACV,IAAA,EAAMA,uBAAuC,MAAM,CAAA;AAAA,IACnD,OAAA,EAAS,OAAO,EAAE,QAAA,EAAU,YAAY,KAAO,EAAA,OAAA,EAAS,KAAK,KAAM,EAAA,CAAA;AAAA,GACrE;AAAA;AAAA;AAAA;AAAA,EAIA,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,MAAA;AAAA,IACN,MAAQ,EAAA,wBAAA;AAAA,IACR,OAAS,EAAA,OAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,gBAAkB,EAAA;AAAA,IAChB,IAAA,EAAMA,uBAA2B,MAAM,CAAA;AAAA,GACzC;AAAA;AAAA;AAAA;AAAA,EAIA,iBAAmB,EAAA;AAAA,IACjB,IAAA,EAAMA,uBAA4B,MAAM,CAAA;AAAA,GAC1C;AAAA;AAAA;AAAA;AAAA,EAIA,YAAc,EAAA;AAAA,IACZ,IAAA,EAAMA,uBAAyB,KAAK,CAAA;AAAA,GACtC;AAAA;AAAA;AAAA;AAAA,EAIA,mBAAqB,EAAA;AAAA,IACnB,IAAM,EAAA,QAAA;AAAA,IACN,OAAS,EAAA,CAAC,CAAc,KAAA,CAAC,CAAC,CAAA;AAAA,GAC5B;AACF,CAAU,EAAA;AAGH,MAAM,eAAkB,GAAA;AAAA,EAC7B,UAAU,MAAM,IAAA;AAAA;AAAA,EAChB,QAAQ,MAAM,IAAA;AAAA;AAAA,EACd,IAAI,MAAM,IAAA;AAAA;AAAA,EACV,OAAO,MAAM,IAAA;AAAA;AAAA,EACb,MAAQ,EAAA,CAAC,YAAwB,EAAA,IAAA,KAAc,YAAgB,IAAA,IAAA;AAAA;AAAA,EAC/D,MAAQ,EAAA,CAAC,YAAwB,EAAA,CAAA,KAAa,YAAgB,IAAA,CAAA;AAAA;AAChE,EAAA;AAEO,MAAM,gBAAmB,GAAA;AAAA,EAC9B,QAAA;AAAA,EACA,QAAA;AAAA,EACA,IAAA;AAAA,EACA,OAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA;AACF;;;;;;;"}
|
|
@@ -85,9 +85,10 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
85
85
|
vue.createVNode(headerSearch.default, {
|
|
86
86
|
"throttle-time": _ctx.throttleTime,
|
|
87
87
|
"search-value": _ctx.searchValue,
|
|
88
|
+
"is-show-add-btn": _ctx.isShowAddBtn,
|
|
88
89
|
"on-search-input-change": handleSearchInputChange,
|
|
89
90
|
onClick: handleClickAddBtn
|
|
90
|
-
}, null, 8, ["throttle-time", "search-value"]),
|
|
91
|
+
}, null, 8, ["throttle-time", "search-value", "is-show-add-btn"]),
|
|
91
92
|
vue.createCommentVNode(" \u76EE\u5F55\u6807\u9898 "),
|
|
92
93
|
vue.createVNode(directoryTitle.default, {
|
|
93
94
|
"is-collapse-menu": isCollapseMenu.value,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tree-search.vue2.js","sources":["../../../../../../packages/components/tree-search/src/tree-search.vue"],"sourcesContent":["<template>\n <div :class=\"bem.b()\">\n <!-- 头部搜索 -->\n <header-search\n :throttle-time=\"throttleTime\"\n :search-value=\"searchValue\"\n :on-search-input-change=\"handleSearchInputChange\"\n @click=\"handleClickAddBtn\"\n />\n <!-- 目录标题 -->\n <directory-title\n :is-collapse-menu=\"isCollapseMenu\"\n @collapse-menu=\"handleCollapseMenu\"\n />\n <!-- operate-tree -->\n <ll-operate-tree\n v-bind=\"attrs\"\n :operate-dropdown-open=\"operateDropdownOpen\"\n :loading=\"loading\"\n :field-names=\"fieldNames\"\n :tree-data=\"treeData\"\n :expanded-keys=\"newExpandedKeys\"\n @expand=\"handleTreeExpand\"\n @select=\"handleTreeSelect\"\n >\n <!-- switcher-icon-slots -->\n <template #switcherIcon=\"slots\">\n <slot name=\"switcherIcon\" v-bind=\"slots\" />\n </template>\n <!-- icon-slots -->\n <template #icon=\"slots\">\n <slot name=\"icon\" v-bind=\"slots\" />\n </template>\n <!-- title-slots -->\n <template #treeTitle=\"slots\">\n <slot name=\"treeTitle\" v-bind=\"slots\" />\n </template>\n <!-- operate-slot -->\n <template #treeOperate=\"slots\">\n <slot name=\"treeOperate\" v-bind=\"slots.data\" />\n </template>\n <!-- empty-slot -->\n <template #empty>\n <slot name=\"empty\" />\n </template>\n </ll-operate-tree>\n <!-- 操作出现的方式 -->\n <!-- 模态框 -->\n <template v-if=\"operateWay === 'modal'\">\n <ll-modal\n v-bind=\"modalConfigProps\"\n :open=\"open\"\n @ok=\"handleClickOkBtn\"\n @cancel=\"handleClickCancelBtn\"\n >\n <slot name=\"operateBoxContent\" />\n </ll-modal>\n </template>\n <!-- 抽屉 -->\n <template v-else-if=\"operateWay === 'drawer'\">\n <ll-drawer\n v-bind=\"drawerConfigProps\"\n :open=\"open\"\n @confirm=\"handleClickOkBtn\"\n @cancel=\"handleClickCancelBtn\"\n @close=\"handleClickCloseBtn\"\n >\n <slot name=\"operateBoxContent\" />\n <template #footer-left>\n <slot name=\"drawerFooterLeft\" />\n </template>\n </ll-drawer>\n </template>\n </div>\n</template>\n<script lang=\"ts\" setup>\nimport { ref, useAttrs, watch } from 'vue'\n\nimport { createNamespace } from '@ll-plus/utils'\nimport { treeSearchProps, treeSearchEmits } from './config'\n\nimport HeaderSearch from './components/header-search.vue'\nimport DirectoryTitle from './components/directory-title.vue'\nimport { LlOperateTree } from '@ll-plus/components'\n\n// 1.defineOptions\ndefineOptions({ name: 'LlTreeSearch' })\n\n// 2.props/emits\nconst props = defineProps(treeSearchProps)\nconst emits = defineEmits(treeSearchEmits)\n\n// 3.ref\n// 是否收起/展开\nconst isCollapseMenu = ref(false)\nconst newExpandedKeys = ref<string[]>([])\n// 输入框内容\n// const searchValue = ref('')\nconst bem = createNamespace('tree-search')\n\n// 4.hooks\nconst attrs = useAttrs()\n\n// 5.methods\n// 获取所有树的keys\nconst getTreeDataKeys = (children: any[]) => {\n const keys: any[] = []\n const getKeys = (children: any[]) => {\n if (children) {\n children.forEach(item => {\n keys.push(item[props.fieldNames!['key']!])\n if (item[props.fieldNames!['children']!]) {\n getKeys(item[props.fieldNames!['children']!])\n }\n })\n }\n }\n getKeys(children)\n return keys\n}\nconst handleCollapseMenu = () => {\n isCollapseMenu.value = !isCollapseMenu.value\n if (isCollapseMenu.value) {\n newExpandedKeys.value = getTreeDataKeys(props.treeData!)\n } else {\n newExpandedKeys.value = []\n }\n}\n// 输入框内容change\nconst handleSearchInputChange = (v: string) => {\n props.onSearchInputChange && props.onSearchInputChange(v)\n}\n// 点击头部add\nconst handleClickAddBtn = () => emits('clickAdd')\n// 树展开\nconst handleTreeExpand = (expandedKeys: string[], data: any) => {\n emits('expand', expandedKeys, data)\n}\n// 树节点选择\nconst handleTreeSelect = (keys: string[], e: any) => {\n emits('select', keys, e)\n}\n// 点击弹窗的ok按钮\nconst handleClickOkBtn = () => emits('ok')\n// 点击弹窗的cacel按钮\nconst handleClickCancelBtn = () => emits('cancel')\n// 点击抽屉的x\nconst handleClickCloseBtn = () => emits('close')\n\n// 6.watch\n// 如果有数据并且输入框有内容则展开\nwatch(\n () => props.expandedKeys,\n keys => {\n if (keys) {\n newExpandedKeys.value = keys\n }\n },\n {\n deep: true\n }\n)\n</script>\n"],"names":["ref","createNamespace","useAttrs","children","watch"],"mappings":";;;;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"tree-search.vue2.js","sources":["../../../../../../packages/components/tree-search/src/tree-search.vue"],"sourcesContent":["<template>\n <div :class=\"bem.b()\">\n <!-- 头部搜索 -->\n <header-search\n :throttle-time=\"throttleTime\"\n :search-value=\"searchValue\"\n :is-show-add-btn=\"isShowAddBtn\"\n :on-search-input-change=\"handleSearchInputChange\"\n @click=\"handleClickAddBtn\"\n />\n <!-- 目录标题 -->\n <directory-title\n :is-collapse-menu=\"isCollapseMenu\"\n @collapse-menu=\"handleCollapseMenu\"\n />\n <!-- operate-tree -->\n <ll-operate-tree\n v-bind=\"attrs\"\n :operate-dropdown-open=\"operateDropdownOpen\"\n :loading=\"loading\"\n :field-names=\"fieldNames\"\n :tree-data=\"treeData\"\n :expanded-keys=\"newExpandedKeys\"\n @expand=\"handleTreeExpand\"\n @select=\"handleTreeSelect\"\n >\n <!-- switcher-icon-slots -->\n <template #switcherIcon=\"slots\">\n <slot name=\"switcherIcon\" v-bind=\"slots\" />\n </template>\n <!-- icon-slots -->\n <template #icon=\"slots\">\n <slot name=\"icon\" v-bind=\"slots\" />\n </template>\n <!-- title-slots -->\n <template #treeTitle=\"slots\">\n <slot name=\"treeTitle\" v-bind=\"slots\" />\n </template>\n <!-- operate-slot -->\n <template #treeOperate=\"slots\">\n <slot name=\"treeOperate\" v-bind=\"slots.data\" />\n </template>\n <!-- empty-slot -->\n <template #empty>\n <slot name=\"empty\" />\n </template>\n </ll-operate-tree>\n <!-- 操作出现的方式 -->\n <!-- 模态框 -->\n <template v-if=\"operateWay === 'modal'\">\n <ll-modal\n v-bind=\"modalConfigProps\"\n :open=\"open\"\n @ok=\"handleClickOkBtn\"\n @cancel=\"handleClickCancelBtn\"\n >\n <slot name=\"operateBoxContent\" />\n </ll-modal>\n </template>\n <!-- 抽屉 -->\n <template v-else-if=\"operateWay === 'drawer'\">\n <ll-drawer\n v-bind=\"drawerConfigProps\"\n :open=\"open\"\n @confirm=\"handleClickOkBtn\"\n @cancel=\"handleClickCancelBtn\"\n @close=\"handleClickCloseBtn\"\n >\n <slot name=\"operateBoxContent\" />\n <template #footer-left>\n <slot name=\"drawerFooterLeft\" />\n </template>\n </ll-drawer>\n </template>\n </div>\n</template>\n<script lang=\"ts\" setup>\nimport { ref, useAttrs, watch } from 'vue'\n\nimport { createNamespace } from '@ll-plus/utils'\nimport { treeSearchProps, treeSearchEmits } from './config'\n\nimport HeaderSearch from './components/header-search.vue'\nimport DirectoryTitle from './components/directory-title.vue'\nimport { LlOperateTree } from '@ll-plus/components'\n\n// 1.defineOptions\ndefineOptions({ name: 'LlTreeSearch' })\n\n// 2.props/emits\nconst props = defineProps(treeSearchProps)\nconst emits = defineEmits(treeSearchEmits)\n\n// 3.ref\n// 是否收起/展开\nconst isCollapseMenu = ref(false)\nconst newExpandedKeys = ref<string[]>([])\n// 输入框内容\n// const searchValue = ref('')\nconst bem = createNamespace('tree-search')\n\n// 4.hooks\nconst attrs = useAttrs()\n\n// 5.methods\n// 获取所有树的keys\nconst getTreeDataKeys = (children: any[]) => {\n const keys: any[] = []\n const getKeys = (children: any[]) => {\n if (children) {\n children.forEach(item => {\n keys.push(item[props.fieldNames!['key']!])\n if (item[props.fieldNames!['children']!]) {\n getKeys(item[props.fieldNames!['children']!])\n }\n })\n }\n }\n getKeys(children)\n return keys\n}\nconst handleCollapseMenu = () => {\n isCollapseMenu.value = !isCollapseMenu.value\n if (isCollapseMenu.value) {\n newExpandedKeys.value = getTreeDataKeys(props.treeData!)\n } else {\n newExpandedKeys.value = []\n }\n}\n// 输入框内容change\nconst handleSearchInputChange = (v: string) => {\n props.onSearchInputChange && props.onSearchInputChange(v)\n}\n// 点击头部add\nconst handleClickAddBtn = () => emits('clickAdd')\n// 树展开\nconst handleTreeExpand = (expandedKeys: string[], data: any) => {\n emits('expand', expandedKeys, data)\n}\n// 树节点选择\nconst handleTreeSelect = (keys: string[], e: any) => {\n emits('select', keys, e)\n}\n// 点击弹窗的ok按钮\nconst handleClickOkBtn = () => emits('ok')\n// 点击弹窗的cacel按钮\nconst handleClickCancelBtn = () => emits('cancel')\n// 点击抽屉的x\nconst handleClickCloseBtn = () => emits('close')\n\n// 6.watch\n// 如果有数据并且输入框有内容则展开\nwatch(\n () => props.expandedKeys,\n keys => {\n if (keys) {\n newExpandedKeys.value = keys\n }\n },\n {\n deep: true\n }\n)\n</script>\n"],"names":["ref","createNamespace","useAttrs","children","watch"],"mappings":";;;;;;;;;;;;;;;;;;;;;AA0FA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAA,MAAM,KAAQ,GAAA,MAAA,CAAA;AAId,IAAM,MAAA,cAAA,GAAiBA,QAAI,KAAK,CAAA,CAAA;AAChC,IAAM,MAAA,eAAA,GAAkBA,OAAc,CAAA,EAAE,CAAA,CAAA;AAGxC,IAAM,MAAA,GAAA,GAAMC,gCAAgB,aAAa,CAAA,CAAA;AAGzC,IAAA,MAAM,QAAQC,YAAS,EAAA,CAAA;AAIvB,IAAM,MAAA,eAAA,GAAkB,CAAC,QAAoB,KAAA;AAC3C,MAAA,MAAM,OAAc,EAAC,CAAA;AACrB,MAAM,MAAA,OAAA,GAAU,CAACC,SAAoB,KAAA;AACnC,QAAA,IAAIA,SAAU,EAAA;AACZ,UAAAA,SAAAA,CAAS,QAAQ,CAAQ,IAAA,KAAA;AACvB,YAAA,IAAA,CAAK,KAAK,IAAK,CAAA,KAAA,CAAM,UAAY,CAAA,KAAK,CAAE,CAAC,CAAA,CAAA;AACzC,YAAA,IAAI,IAAK,CAAA,KAAA,CAAM,UAAY,CAAA,UAAU,CAAE,CAAG,EAAA;AACxC,cAAA,OAAA,CAAQ,IAAK,CAAA,KAAA,CAAM,UAAY,CAAA,UAAU,CAAE,CAAC,CAAA,CAAA;AAAA,aAC9C;AAAA,WACD,CAAA,CAAA;AAAA,SACH;AAAA,OACF,CAAA;AACA,MAAA,OAAA,CAAQ,QAAQ,CAAA,CAAA;AAChB,MAAO,OAAA,IAAA,CAAA;AAAA,KACT,CAAA;AACA,IAAA,MAAM,qBAAqB,MAAM;AAC/B,MAAe,cAAA,CAAA,KAAA,GAAQ,CAAC,cAAe,CAAA,KAAA,CAAA;AACvC,MAAA,IAAI,eAAe,KAAO,EAAA;AACxB,QAAgB,eAAA,CAAA,KAAA,GAAQ,eAAgB,CAAA,KAAA,CAAM,QAAS,CAAA,CAAA;AAAA,OAClD,MAAA;AACL,QAAA,eAAA,CAAgB,QAAQ,EAAC,CAAA;AAAA,OAC3B;AAAA,KACF,CAAA;AAEA,IAAM,MAAA,uBAAA,GAA0B,CAAC,CAAc,KAAA;AAC7C,MAAM,KAAA,CAAA,mBAAA,IAAuB,KAAM,CAAA,mBAAA,CAAoB,CAAC,CAAA,CAAA;AAAA,KAC1D,CAAA;AAEA,IAAM,MAAA,iBAAA,GAAoB,MAAM,KAAA,CAAM,UAAU,CAAA,CAAA;AAEhD,IAAM,MAAA,gBAAA,GAAmB,CAAC,YAAA,EAAwB,IAAc,KAAA;AAC9D,MAAM,KAAA,CAAA,QAAA,EAAU,cAAc,IAAI,CAAA,CAAA;AAAA,KACpC,CAAA;AAEA,IAAM,MAAA,gBAAA,GAAmB,CAAC,IAAA,EAAgB,CAAW,KAAA;AACnD,MAAM,KAAA,CAAA,QAAA,EAAU,MAAM,CAAC,CAAA,CAAA;AAAA,KACzB,CAAA;AAEA,IAAM,MAAA,gBAAA,GAAmB,MAAM,KAAA,CAAM,IAAI,CAAA,CAAA;AAEzC,IAAM,MAAA,oBAAA,GAAuB,MAAM,KAAA,CAAM,QAAQ,CAAA,CAAA;AAEjD,IAAM,MAAA,mBAAA,GAAsB,MAAM,KAAA,CAAM,OAAO,CAAA,CAAA;AAI/C,IAAAC,SAAA;AAAA,MACE,MAAM,KAAM,CAAA,YAAA;AAAA,MACZ,CAAQ,IAAA,KAAA;AACN,QAAA,IAAI,IAAM,EAAA;AACR,UAAA,eAAA,CAAgB,KAAQ,GAAA,IAAA,CAAA;AAAA,SAC1B;AAAA,OACF;AAAA,MACA;AAAA,QACE,IAAM,EAAA,IAAA;AAAA,OACR;AAAA,KACF,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/package.json
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
--color-primary-hover
|
|
3
3
|
);--menu-button-icon-hover-bg:rgba(0, 0, 0, 0.06);--collect-icon-color:#faad14;--header-icon-color:rgba(0, 0, 0, 0.65);--setting-bg-color:#f4f5f7;--setting-modal-bg-color:#fff;--default-icon:rgba(0, 0, 0, 0.45);--default-icon-hover:var(--color-primary-hover);--default-icon-hover-bg:rgba(0, 0, 0, 0.06);--default-icon-active:var(--color-primary-active);--default-icon-disable:rgba(0, 0, 0, 0.25);--primary-icon:var(--color-primary);--primary-icon-hover:var(--color-primary-hover);--primary-icon-active:var(--color-primary-active);--primary-icon-disabled:rgba(0, 0, 0, 0.25);--scroll-color:rgba(0, 0, 0, 0.25);--detail-descriptions-label-bg-color:#fafafa;--card-ribbon-bg-color:#e1f0ff;--card-ribbon-corner-bg-color:#5597dd;--help-des-bg-color:#fff4de;--blue-tag-bg-color:rgba(17, 135, 255, 0.1);--orange-tag-bg-color:rgba(250, 173, 20, 0.1);--green-tag-bg-color:rgba(82, 196, 26, 0.1);--success-status-bg-color:rgba(82, 196, 26, 0.08);--failure-status-bg-color:rgba(255, 77, 79, 0.08);--font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue","Helvetica, Arial","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"}.technology-blue{--color-primary-bg:#f0f9ff;--color-primary-bg-hover:#b5e4ff;--color-primary-border:#8cd1ff;--color-primary-border-hover:#63bcff;--color-primary-hover:#3ba3ff;--color-primary:#1187ff;--color-primary-active:#0467d9;--color-primary-text-hover:#3ba3ff;--color-primary-text:#1187ff;--color-primary-text-active:#0467d9;--color-info:#1187ff}.cyan-blue{--color-primary-bg:#f0f9ff;--color-primary-bg-hover:#ebfaf8;--color-primary-border:#dfedec;--color-primary-border-hover:#afe0de;--color-primary-hover:#83d4d2;--color-primary:#5bc5c7;--color-primary-active:#429ca1;--color-primary-text-hover:#83d4d2;--color-primary-text:#5bc5c7;--color-primary-text-active:#429ca1;--color-info:#5bc5c7;--main-bg-color:#f4f7fd}.dark{--color-primary-bg:#111d2c;--color-primary-bg-hover:#102945;--color-primary-border:#13375b;--color-primary-border-hover:#13487e;--color-primary-hover:#3795e8;--color-primary:#1176dc;--color-primary-active:#125fad;--color-primary-text-hover:#3795e8;--color-primary-text:#1176dc;--color-primary-text-active:#125fad;--dark-color-primary:#1187ff;--color-success:#49aa19;--color-warning:#d89614;--color-error:#dc4446;--color-info:#1176dc;--color-text-base:#fff;--color-text:rgba(255, 255, 255);--color-text-secondary:rgba(255, 255, 255, 0.75);--color-text-tertiary:rgba(255, 255, 255, 0.45);--color-text-quaternary:rgba(255, 255, 255, 0.25);--color-border:#424242;--color-border-secondary:#303030;--color-split:rgba(255, 255, 255, 0.12);--color-fill:rgba(255, 255, 255, 0.18);--color-fill-secondary:rgba(255, 255, 255, 0.12);--color-fill-tertiary:rgba(255, 255, 255, 0.08);--color-fill-quaternary:rgba(255, 255, 255, 0.04);--color-bg-base:#000;--color-bg-container:#141414;--color-bg-elevated:#1f1f1f;--color-bg-layout:#000;--color-bg-spotlight:#424242;--color-bg-mask:rgba(0, 0, 0, 0.45);--control-item-bg-hover:rgba(255, 255, 255, 0.15);--control-outline:rgba(238, 38, 56, 0.11);--main-bg-color:transparent;--submenu-bg-color:#141414;--menu-search-bg-color:#000;--menu-border-color:#303030;--menu-button-icon-hover:var(
|
|
4
4
|
--color-primary-hover
|
|
5
|
-
);--menu-button-icon-hover-bg:rgba(255, 255, 255, 0.15);--collect-icon-color:var(--default-icon);--header-icon-color:rgba(255, 255, 255, 0.75);--setting-bg-color:#1f1f1f;--setting-modal-bg-color:#1f1f1f;--default-icon:rgba(255, 255, 255, 0.75);--default-icon-disable:rgba(255, 255, 255, 0.25);--scroll-color:rgba(255, 255, 255, 0.25);--detail-descriptions-label-bg-color:rgba(255, 255, 255, 0.04)//type=detail下的LlDescriptions的label背景颜色}.ant-menu-submenu.ant-menu-submenu-popup .ant-menu-submenu.ant-menu-submenu-vertical.ll-menu-sub .ant-menu-submenu-title{display:flex;align-items:center;justify-content:space-between;width:100%}.ant-menu-submenu.ant-menu-submenu-popup .ant-menu-submenu.ant-menu-submenu-vertical.ll-menu-sub .ant-menu-submenu-title .ll-icon{margin-left:20px}.ant-dropdown .ant-dropdown-menu .ant-dropdown-menu-item{margin-bottom:4px}.ant-dropdown .ant-dropdown-menu :last-child{margin-bottom:0!important}.ant-select:hover .ant-select-selector{border-color:var(--color-primary-hover)!important}.ant-select-dropdown .ant-cascader-menu-item-active,.ant-select-dropdown .ant-select-item-option-selected{color:var(--color-primary)!important}.ant-select-dropdown .ant-cascader-menu .ant-cascader-menu-item{margin-bottom:4px}.ant-select-dropdown .ant-cascader-menu :last-child{margin-bottom:0!important}.rc-virtual-list-holder-inner .ant-select-item{margin-bottom:4px}.rc-virtual-list-holder-inner :last-child{margin-bottom:0!important}.ant-picker-dropdown .ant-picker-cell-selected .ant-picker-cell-inner{background-color:var(--color-primary)!important}:root{--pop-up-top-box-shadow:0 1px 2px 0 var(--color-fill-secondary);--pop-up-bottom-box-shadow:0 -1px 2px 0 var(--color-fill-secondary)}.delete-modal{border-radius:20px}.delete-modal .ant-modal-content{padding:30px}.delete-modal .ant-modal-body .ant-modal-confirm-title{font-size:16px;font-weight:500;line-height:24px}.delete-modal .ant-modal-body .ant-modal-confirm-content{max-width:100%;min-width:380px;padding:58px 0 40px 0}.delete-modal .ant-modal-body .ant-modal-confirm-btns{display:flex;margin:0;justify-content:center}.delete-modal .ant-modal-body .ant-modal-confirm-btns .ant-btn{width:70px;height:40px;line-height:38px;font-size:16px;padding:0}.delete-modal .ant-modal-body .ant-modal-confirm-btns .ant-btn-default{margin-right:20px}.delete-modal .ant-modal-body .ant-modal-confirm-btns .ant-btn-primary{margin:0}.ant-modal .ant-modal-header{border-top-left-radius:20px!important;border-top-right-radius:20px!important}.ant-modal .ant-modal-content{border-radius:20px!important}.ll-modal-confirm .ant-modal-confirm-title{display:inline-block!important;flex:none!important}.confirm-modal{min-height:unset!important}.confirm-modal .ant-modal-title{color:var(--color-text-tertiary);font-weight:500;font-size:16px}.confirm-modal .ant-modal-footer{padding:22px 0 24px 0!important}.select-group-left-select-container .ant-select-item,.select-group-right-select .ant-select-item{margin-bottom:4px}.ll-table-spin-wrapper{height:100%}.ll-table-spin-wrapper .ant-spin-container{height:100%}.ll-advanced-filtering .ant-popover-content .ant-popover-inner{padding:0!important}.ll-advanced-filtering-tags{display:flex;flex-direction:column;padding:20px;min-height:100px;max-height:600px}.ll-advanced-filtering-tags--title{display:flex;justify-content:space-between;line-height:24px;height:24px;margin-bottom:13px}.ll-advanced-filtering-tags--box{display:flex;flex-wrap:wrap;margin-top:-14px}.ll-advanced-filtering-tags--tag{display:flex;padding:0 10px;height:28px;line-height:28px;background:var(--color-fill-secondary);color:var(--color-text);font-size:12px;margin-right:10px;margin-top:14px;border-radius:14px;align-items:center}.ll-advanced-filtering-tags--label{margin-right:5px;line-height:20px}.ll-advanced-filtering-tags--value{color:var(--color-primary);line-height:20px}.ll-advanced-filtering-tags--close{cursor:pointer;margin-left:5px;display:flex;align-items:center;height:20px}.ll-advanced-filtering-tags--icon{font-size:10px}.ll-advanced-filtering-tags--empty{height:50px;line-height:50px;text-align:center;font-size:14px;color:var(--color-text-quaternary)}.ll-advanced-filtering-params .ant-card-head{padding:0 30px}.ll-advanced-filtering-params .ant-card-head .ant-card-head-title{font-weight:500;color:var(--color-text)}.ll-advanced-filtering-params .ant-card-body{padding:30px;padding-right:20px}.ll-advanced-filtering-params--content{max-height:510px;overflow-y:auto;overflow-x:hidden;box-sizing:border-box;padding-right:10px}.ll-advanced-filtering-params--box{display:flex;flex-wrap:wrap;margin-top:-10px}.ll-advanced-filtering-params--item{padding:7px 20px;box-sizing:border-box;border:1px solid var(--color-border);cursor:pointer;border-radius:6px;margin-right:10px;margin-top:10px;line-height:20px}.ll-advanced-filtering-params--item.is-selected{color:var(--color-primary-active);border:1px solid var(--color-primary-active)}.ll-advanced-filtering-params--empty{width:100%;height:60px;display:flex;justify-content:center;align-items:center;font-size:14px;color:var(--color-text-quaternary)}.ll-api-component--tab{margin-bottom:20px}.ll-api-component--body-tab{margin-bottom:15px}.ll-api-component--body-container{background:var(--color-bg-base);border-radius:6px;border:1px solid var(--color-border-secondary)}.ll-api-component--click-input{height:30px}.ll-api-component--click-input a{display:flex;align-items:center}.ll-api-component--click-input .ll-button{padding:0;height:16px;width:16px}.ll-api-component__none{width:100%;height:100px;line-height:100px;text-align:center;background:var(--color-bg-base);border-radius:6px;border:1px solid var(--color-border);color:var(--color-text-quaternary)}.ll-json-xml{width:100%}.ll-json-xml__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;box-sizing:border-box;padding:14px 20px 14px 12px;border-bottom:1px solid var(--color-border-secondary)}.ll-json-xml__body{display:flex;justify-content:space-between;width:100%;padding:0 20px 20px 20px}.ll-json-xml__table{width:100%}.ll-json-xml--xml{width:100%;text-align:right;color:var(--color-text-secondary)}.ll-json-xml--table-header{height:44px;line-height:44px;font-size:14px;color:var(--color-text-secondary);background:var(--color-fill-quaternary);overflow:hidden;margin-top:10px}.ll-json-xml--table-header .ant-col{position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ll-json-xml--table-header .ant-col::before{content:"";position:absolute;height:24px;width:1px;background:var(--color-fill-secondary);left:0;top:10px}.ll-json-xml__table-row{box-sizing:border-box;border-bottom:1px solid var(--color-border-secondary)}.ll-json-xml__table-col{padding:9px 24px;display:flex;align-items:center}.ll-json-xml--table-icon{padding:0;margin-right:16px;display:inline-flex!important;justify-content:center;align-items:center;font-size:16px}.ll-json-xml__table-operation{display:flex;align-items:center;height:100%}.ll-json-xml--table-row-tag{height:30px;line-height:30px;padding:0 10px;font-size:14px;color:var(--color-primary);background:var(--color-primary-bg);border-radius:6px}.ll-json-xml--table-row-icon{display:flex;width:40px;justify-content:center;align-items:center;height:100%;margin-right:12px}.ll-json-xml__popconfirm .ant-popconfirm-buttons{display:flex;justify-content:center}.ll-batch-editing{width:100%}.ll-batch-editing__textarea{margin-top:20px;position:relative;border:1px solid var(--color-border);box-sizing:border-box;padding:20px;border-radius:6px}.ll-batch-editing__textarea-tip{margin:0;padding:0;color:var(--color-text-tertiary)}.ll-params-table{width:100%}.ll-params-table--table-icon{padding:0;margin-right:16px;display:inline-flex!important;justify-content:center;align-items:center;font-size:16px}.ll-params-table--table-header{height:44px;line-height:44px;font-size:14px;color:var(--color-text-secondary);background:var(--color-fill-quaternary)}.ll-params-table__table-col{padding:9px 24px;display:flex;align-items:center}.ll-params-table__table-row{box-sizing:border-box;border-bottom:1px solid var(--color-border-secondary)}.ll-params-table__table-header-col{display:flex;align-items:center;position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ll-params-table__table-header-col span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ll-params-table__table-header-col .ll-tooltip{margin-left:11px}.ll-params-table__table-header-col::before{content:"";position:absolute;height:24px;width:1px;background:var(--color-fill-secondary);left:0;top:10px}.ll-params-table__table-header-col:first-of-type::before{width:0}.ll-params-table--required{width:16px;height:16px;border-radius:50%;margin-left:12px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;background:var(--color-bg-base);cursor:pointer;border:1px solid var(--color-border);padding:0}.ll-params-table--required.is-required{border:1px solid var(--color-bg-base)}.ll-params-table--required .ll-icon{color:var(--color-primary)}.ll-params-table__popconfirm .ant-popconfirm-buttons{display:flex;justify-content:center}.ll-avatar{display:inline-block}.ll-avatar .ant-avatar{display:flex;align-items:center;justify-content:center;transition:border-radius .3s}.ll-avatar .ant-avatar:hover{border-radius:6px}.ll-avatar .ant-avatar .ant-avatar-string{display:flex;align-items:center;justify-content:center;height:100%}.ll-breadcrumb-card{position:absolute;inset:0;z-index:100;overflow:auto;background:var(--color-bg-container);border-radius:6px}.ll-breadcrumb-card .ant-spin-nested-loading{height:100%}.ll-breadcrumb-card .ant-spin-nested-loading .ant-spin-container{height:100%}.ll-breadcrumb-card .ant-breadcrumb-separator{display:none}.ll-breadcrumb-card__container{position:relative;display:flex;flex-direction:column;height:100%}.ll-breadcrumb-card__header{display:flex;justify-content:space-between;align-items:center;height:56px;padding:0 20px;border-bottom:1px solid var(--color-border-secondary);position:relative;z-index:1}.ll-breadcrumb-card__header .ant-breadcrumb-link{display:flex;align-items:center}.ll-breadcrumb-card__back li{display:flex;align-items:center}.ll-breadcrumb-card__back-icon{margin-right:10px;font-size:16px;cursor:pointer}.ll-breadcrumb-card__title{font-size:16px;font-weight:500}.ll-breadcrumb-card__content{overflow:hidden;display:flex;flex-direction:column;flex:1}.ll-breadcrumb-card__content-container{flex:1;overflow:auto}.ll-breadcrumb-card__content-top-shadow{box-shadow:var(--pop-up-top-box-shadow);height:1px;width:100%;position:sticky;z-index:99;top:0}.ll-breadcrumb-card__footer{position:relative;z-index:1;width:100%;height:66px;display:flex;justify-content:center;align-items:center}.ll-breadcrumb-card__footer-shadow{box-shadow:var(--pop-up-bottom-box-shadow)}.ll-button{display:inline-flex;align-items:center;justify-content:center}.ll-button.ant-btn-primary .ll-icon{color:inherit}.ll-button:active .ll-icon,.ll-button:hover .ll-icon{color:inherit}.ll-button__icon-left{margin-right:5px;vertical-align:-2px}.ll-button__icon-right{margin-left:5px;vertical-align:-2px}.ll-cascader__dropdown .ant-cascader-menus .ant-cascader-menu .ant-cascader-menu-item .ant-cascader-menu-item-expand-icon{display:inline-flex;align-items:center}.ll-checkbox-group__item{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ll-code-editor{height:100%;width:100%;min-height:300px}.ll-code-editor__container{height:100%;width:100%}.ll-cropper-image.is-circled .cropper-face,.ll-cropper-image.is-circled .cropper-view-box{border-radius:50%}.ll-cropper-modal{display:flex;justify-content:space-between;width:100%;margin-bottom:24px}.ll-cropper-modal__left{width:calc(55% - 36px)}.ll-cropper-modal__right{width:45%}.ll-cropper-modal__cropper{height:300px;background:var(--color-bg-layout);background-image:linear-gradient(45deg,rgba(0,0,0,.25) 25%,transparent 0,transparent 75%,rgba(0,0,0,.25) 0),linear-gradient(45deg,rgba(0,0,0,.25) 25%,transparent 0,transparent 75%,rgba(0,0,0,.25) 0);background-position:0 0,12px 12px;background-size:24px 24px}.ll-cropper-modal__toolbar{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.ll-cropper-modal__toolbar .ll-button{display:flex;align-items:center}.ll-cropper-modal__preview{width:220px;height:220px;margin:0 auto;overflow:hidden;border:1px solid var(--color-border);border-radius:50%}.ll-cropper-modal__preview img{width:100%;height:100%}.ll-cropper-modal__group{display:flex;padding-top:8px;margin-top:8px;border-top:1px solid var(--color-border);justify-content:space-around;align-items:center}.ll-cropper-modal__group .ll-image{border-radius:50%!important}.ll-cropper-modal__cropper-avatar{cursor:pointer;border-radius:32px}.ll-cropper-modal__cropper-avatar .icon-avatar{color:#fff}.ll-cropper-modal__cropper-avatar img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}/*!
|
|
5
|
+
);--menu-button-icon-hover-bg:rgba(255, 255, 255, 0.15);--collect-icon-color:var(--default-icon);--header-icon-color:rgba(255, 255, 255, 0.75);--setting-bg-color:#1f1f1f;--setting-modal-bg-color:#1f1f1f;--default-icon:rgba(255, 255, 255, 0.75);--default-icon-disable:rgba(255, 255, 255, 0.25);--scroll-color:rgba(255, 255, 255, 0.25);--detail-descriptions-label-bg-color:rgba(255, 255, 255, 0.04)//type=detail下的LlDescriptions的label背景颜色}.ant-menu-submenu.ant-menu-submenu-popup .ant-menu-submenu.ant-menu-submenu-vertical.ll-menu-sub .ant-menu-submenu-title{display:flex;align-items:center;justify-content:space-between;width:100%}.ant-menu-submenu.ant-menu-submenu-popup .ant-menu-submenu.ant-menu-submenu-vertical.ll-menu-sub .ant-menu-submenu-title .ll-icon{margin-left:20px}.ant-dropdown .ant-dropdown-menu .ant-dropdown-menu-item{margin-bottom:4px}.ant-dropdown .ant-dropdown-menu :last-child{margin-bottom:0!important}.ant-select:hover .ant-select-selector{border-color:var(--color-primary-hover)!important}.ant-select-dropdown .ant-cascader-menu-item-active,.ant-select-dropdown .ant-select-item-option-selected{color:var(--color-primary)!important}.ant-select-dropdown .ant-cascader-menu .ant-cascader-menu-item{margin-bottom:4px}.ant-select-dropdown .ant-cascader-menu :last-child{margin-bottom:0!important}.rc-virtual-list-holder-inner .ant-select-item{margin-bottom:4px}.rc-virtual-list-holder-inner :last-child{margin-bottom:0!important}.ant-picker-dropdown .ant-picker-cell-selected .ant-picker-cell-inner{background-color:var(--color-primary)!important}:root{--pop-up-top-box-shadow:0 1px 1px 0 var(--color-fill-quaternary);--pop-up-bottom-box-shadow:0 -1px 1px 0 var(--color-fill-quaternary)}.delete-modal{border-radius:20px}.delete-modal .ant-modal-content{padding:30px}.delete-modal .ant-modal-body .ant-modal-confirm-title{font-size:16px;font-weight:500;line-height:24px}.delete-modal .ant-modal-body .ant-modal-confirm-content{max-width:100%;min-width:380px;padding:58px 0 40px 0}.delete-modal .ant-modal-body .ant-modal-confirm-btns{display:flex;margin:0;justify-content:center}.delete-modal .ant-modal-body .ant-modal-confirm-btns .ant-btn{width:70px;height:40px;line-height:38px;font-size:16px;padding:0}.delete-modal .ant-modal-body .ant-modal-confirm-btns .ant-btn-default{margin-right:20px}.delete-modal .ant-modal-body .ant-modal-confirm-btns .ant-btn-primary{margin:0}.ant-modal .ant-modal-header{border-top-left-radius:20px!important;border-top-right-radius:20px!important}.ant-modal .ant-modal-content{border-radius:20px!important}.ll-modal-confirm .ant-modal-confirm-title{display:inline-block!important;flex:none!important}.confirm-modal{min-height:unset!important}.confirm-modal .ant-modal-title{color:var(--color-text-tertiary);font-weight:500;font-size:16px}.confirm-modal .ant-modal-footer{padding:22px 0 24px 0!important}.select-group-left-select-container .ant-select-item,.select-group-right-select .ant-select-item{margin-bottom:4px}.ll-table-spin-wrapper{height:100%}.ll-table-spin-wrapper .ant-spin-container{height:100%}.ll-advanced-filtering .ant-popover-content .ant-popover-inner{padding:0!important}.ll-advanced-filtering-tags{display:flex;flex-direction:column;padding:20px;min-height:100px;max-height:600px}.ll-advanced-filtering-tags--title{display:flex;justify-content:space-between;line-height:24px;height:24px;margin-bottom:13px}.ll-advanced-filtering-tags--box{display:flex;flex-wrap:wrap;margin-top:-14px}.ll-advanced-filtering-tags--tag{display:flex;padding:0 10px;height:28px;line-height:28px;background:var(--color-fill-secondary);color:var(--color-text);font-size:12px;margin-right:10px;margin-top:14px;border-radius:14px;align-items:center}.ll-advanced-filtering-tags--label{margin-right:5px;line-height:20px}.ll-advanced-filtering-tags--value{color:var(--color-primary);line-height:20px}.ll-advanced-filtering-tags--close{cursor:pointer;margin-left:5px;display:flex;align-items:center;height:20px}.ll-advanced-filtering-tags--icon{font-size:10px}.ll-advanced-filtering-tags--empty{height:50px;line-height:50px;text-align:center;font-size:14px;color:var(--color-text-quaternary)}.ll-advanced-filtering-params .ant-card-head{padding:0 30px}.ll-advanced-filtering-params .ant-card-head .ant-card-head-title{font-weight:500;color:var(--color-text)}.ll-advanced-filtering-params .ant-card-body{padding:30px;padding-right:20px}.ll-advanced-filtering-params--content{max-height:510px;overflow-y:auto;overflow-x:hidden;box-sizing:border-box;padding-right:10px}.ll-advanced-filtering-params--box{display:flex;flex-wrap:wrap;margin-top:-10px}.ll-advanced-filtering-params--item{padding:7px 20px;box-sizing:border-box;border:1px solid var(--color-border);cursor:pointer;border-radius:6px;margin-right:10px;margin-top:10px;line-height:20px}.ll-advanced-filtering-params--item.is-selected{color:var(--color-primary-active);border:1px solid var(--color-primary-active)}.ll-advanced-filtering-params--empty{width:100%;height:60px;display:flex;justify-content:center;align-items:center;font-size:14px;color:var(--color-text-quaternary)}.ll-api-component--tab{margin-bottom:20px}.ll-api-component--body-tab{margin-bottom:15px}.ll-api-component--body-container{background:var(--color-bg-base);border-radius:6px;border:1px solid var(--color-border-secondary)}.ll-api-component--click-input{height:30px}.ll-api-component--click-input a{display:flex;align-items:center}.ll-api-component--click-input .ll-button{padding:0;height:16px;width:16px}.ll-api-component__none{width:100%;height:100px;line-height:100px;text-align:center;background:var(--color-bg-base);border-radius:6px;border:1px solid var(--color-border);color:var(--color-text-quaternary)}.ll-json-xml{width:100%}.ll-json-xml__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;box-sizing:border-box;padding:14px 20px 14px 12px;border-bottom:1px solid var(--color-border-secondary)}.ll-json-xml__body{display:flex;justify-content:space-between;width:100%;padding:0 20px 20px 20px}.ll-json-xml__table{width:100%}.ll-json-xml--xml{width:100%;text-align:right;color:var(--color-text-secondary)}.ll-json-xml--table-header{height:44px;line-height:44px;font-size:14px;color:var(--color-text-secondary);background:var(--color-fill-quaternary);overflow:hidden;margin-top:10px}.ll-json-xml--table-header .ant-col{position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ll-json-xml--table-header .ant-col::before{content:"";position:absolute;height:24px;width:1px;background:var(--color-fill-secondary);left:0;top:10px}.ll-json-xml__table-row{box-sizing:border-box;border-bottom:1px solid var(--color-border-secondary)}.ll-json-xml__table-col{padding:9px 24px;display:flex;align-items:center}.ll-json-xml--table-icon{padding:0;margin-right:16px;display:inline-flex!important;justify-content:center;align-items:center;font-size:16px}.ll-json-xml__table-operation{display:flex;align-items:center;height:100%}.ll-json-xml--table-row-tag{height:30px;line-height:30px;padding:0 10px;font-size:14px;color:var(--color-primary);background:var(--color-primary-bg);border-radius:6px}.ll-json-xml--table-row-icon{display:flex;width:40px;justify-content:center;align-items:center;height:100%;margin-right:12px}.ll-json-xml__popconfirm .ant-popconfirm-buttons{display:flex;justify-content:center}.ll-batch-editing{width:100%}.ll-batch-editing__textarea{margin-top:20px;position:relative;border:1px solid var(--color-border);box-sizing:border-box;padding:20px;border-radius:6px}.ll-batch-editing__textarea-tip{margin:0;padding:0;color:var(--color-text-tertiary)}.ll-params-table{width:100%}.ll-params-table--table-icon{padding:0;margin-right:16px;display:inline-flex!important;justify-content:center;align-items:center;font-size:16px}.ll-params-table--table-header{height:44px;line-height:44px;font-size:14px;color:var(--color-text-secondary);background:var(--color-fill-quaternary)}.ll-params-table__table-col{padding:9px 24px;display:flex;align-items:center}.ll-params-table__table-row{box-sizing:border-box;border-bottom:1px solid var(--color-border-secondary)}.ll-params-table__table-header-col{display:flex;align-items:center;position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ll-params-table__table-header-col span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ll-params-table__table-header-col .ll-tooltip{margin-left:11px}.ll-params-table__table-header-col::before{content:"";position:absolute;height:24px;width:1px;background:var(--color-fill-secondary);left:0;top:10px}.ll-params-table__table-header-col:first-of-type::before{width:0}.ll-params-table--required{width:16px;height:16px;border-radius:50%;margin-left:12px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;background:var(--color-bg-base);cursor:pointer;border:1px solid var(--color-border);padding:0}.ll-params-table--required.is-required{border:1px solid var(--color-bg-base)}.ll-params-table--required .ll-icon{color:var(--color-primary)}.ll-params-table__popconfirm .ant-popconfirm-buttons{display:flex;justify-content:center}.ll-avatar{display:inline-block}.ll-avatar .ant-avatar{display:flex;align-items:center;justify-content:center;transition:border-radius .3s}.ll-avatar .ant-avatar:hover{border-radius:6px}.ll-avatar .ant-avatar .ant-avatar-string{display:flex;align-items:center;justify-content:center;height:100%}.ll-breadcrumb-card{position:absolute;inset:0;z-index:100;overflow:auto;background:var(--color-bg-container);border-radius:6px}.ll-breadcrumb-card .ant-spin-nested-loading{height:100%}.ll-breadcrumb-card .ant-spin-nested-loading .ant-spin-container{height:100%}.ll-breadcrumb-card .ant-breadcrumb-separator{display:none}.ll-breadcrumb-card__container{position:relative;display:flex;flex-direction:column;height:100%}.ll-breadcrumb-card__header{display:flex;justify-content:space-between;align-items:center;height:56px;padding:0 20px;border-bottom:1px solid var(--color-border-secondary);position:relative;z-index:1}.ll-breadcrumb-card__header .ant-breadcrumb-link{display:flex;align-items:center}.ll-breadcrumb-card__back li{display:flex;align-items:center}.ll-breadcrumb-card__back-icon{margin-right:10px;font-size:16px;cursor:pointer}.ll-breadcrumb-card__title{font-size:16px;font-weight:500}.ll-breadcrumb-card__content{overflow:hidden;display:flex;flex-direction:column;flex:1}.ll-breadcrumb-card__content-container{flex:1;overflow:auto}.ll-breadcrumb-card__content-top-shadow{box-shadow:var(--pop-up-top-box-shadow);height:1px;width:100%;position:sticky;z-index:99;top:0}.ll-breadcrumb-card__footer{position:relative;z-index:1;width:100%;height:66px;display:flex;justify-content:center;align-items:center}.ll-breadcrumb-card__footer-shadow{box-shadow:var(--pop-up-bottom-box-shadow)}.ll-button{display:inline-flex;align-items:center;justify-content:center}.ll-button.ant-btn-primary .ll-icon{color:inherit}.ll-button:active .ll-icon,.ll-button:hover .ll-icon{color:inherit}.ll-button__icon-left{margin-right:5px;vertical-align:-2px}.ll-button__icon-right{margin-left:5px;vertical-align:-2px}.ll-cascader__dropdown .ant-cascader-menus .ant-cascader-menu .ant-cascader-menu-item .ant-cascader-menu-item-expand-icon{display:inline-flex;align-items:center}.ll-checkbox-group__item{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ll-code-editor{height:100%;width:100%;min-height:300px}.ll-code-editor__container{height:100%;width:100%}.ll-cropper-image.is-circled .cropper-face,.ll-cropper-image.is-circled .cropper-view-box{border-radius:50%}.ll-cropper-modal{display:flex;justify-content:space-between;width:100%;margin-bottom:24px}.ll-cropper-modal__left{width:calc(55% - 36px)}.ll-cropper-modal__right{width:45%}.ll-cropper-modal__cropper{height:300px;background:var(--color-bg-layout);background-image:linear-gradient(45deg,rgba(0,0,0,.25) 25%,transparent 0,transparent 75%,rgba(0,0,0,.25) 0),linear-gradient(45deg,rgba(0,0,0,.25) 25%,transparent 0,transparent 75%,rgba(0,0,0,.25) 0);background-position:0 0,12px 12px;background-size:24px 24px}.ll-cropper-modal__toolbar{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.ll-cropper-modal__toolbar .ll-button{display:flex;align-items:center}.ll-cropper-modal__preview{width:220px;height:220px;margin:0 auto;overflow:hidden;border:1px solid var(--color-border);border-radius:50%}.ll-cropper-modal__preview img{width:100%;height:100%}.ll-cropper-modal__group{display:flex;padding-top:8px;margin-top:8px;border-top:1px solid var(--color-border);justify-content:space-around;align-items:center}.ll-cropper-modal__group .ll-image{border-radius:50%!important}.ll-cropper-modal__cropper-avatar{cursor:pointer;border-radius:32px}.ll-cropper-modal__cropper-avatar .icon-avatar{color:#fff}.ll-cropper-modal__cropper-avatar img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}/*!
|
|
6
6
|
* Cropper.js v1.6.2
|
|
7
7
|
* https://fengyuanchen.github.io/cropperjs
|
|
8
8
|
*
|