ll-plus 2.1.2 → 2.1.4
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/component.mjs +2 -0
- package/es/component.mjs.map +1 -1
- package/es/components/icon-picker/index.d.ts +146 -0
- package/es/components/icon-picker/index.mjs +13 -0
- package/es/components/icon-picker/index.mjs.map +1 -0
- package/es/components/icon-picker/src/components/modal.vue.d.ts +70 -0
- package/es/components/icon-picker/src/components/modal.vue.mjs +8 -0
- package/es/components/icon-picker/src/components/modal.vue.mjs.map +1 -0
- package/es/components/icon-picker/src/components/modal.vue2.mjs +158 -0
- package/es/components/icon-picker/src/components/modal.vue2.mjs.map +1 -0
- package/es/components/icon-picker/src/components/search.vue.d.ts +30 -0
- package/es/components/icon-picker/src/components/search.vue.mjs +8 -0
- package/es/components/icon-picker/src/components/search.vue.mjs.map +1 -0
- package/es/components/icon-picker/src/components/search.vue2.mjs +58 -0
- package/es/components/icon-picker/src/components/search.vue2.mjs.map +1 -0
- package/es/components/icon-picker/src/config/icon-picker.d.ts +20 -0
- package/es/components/icon-picker/src/config/icon-picker.mjs +23 -0
- package/es/components/icon-picker/src/config/icon-picker.mjs.map +1 -0
- package/es/components/icon-picker/src/config/index.d.ts +3 -0
- package/es/components/icon-picker/src/config/index.mjs +6 -0
- package/es/components/icon-picker/src/config/index.mjs.map +1 -0
- package/es/components/icon-picker/src/config/modal.d.ts +24 -0
- package/es/components/icon-picker/src/config/modal.mjs +30 -0
- package/es/components/icon-picker/src/config/modal.mjs.map +1 -0
- package/es/components/icon-picker/src/config/search.d.ts +15 -0
- package/es/components/icon-picker/src/config/search.mjs +19 -0
- package/es/components/icon-picker/src/config/search.mjs.map +1 -0
- package/es/components/icon-picker/src/icon-picker.vue.d.ts +139 -0
- package/es/components/icon-picker/src/icon-picker.vue.mjs +8 -0
- package/es/components/icon-picker/src/icon-picker.vue.mjs.map +1 -0
- package/es/components/icon-picker/src/icon-picker.vue2.mjs +59 -0
- package/es/components/icon-picker/src/icon-picker.vue2.mjs.map +1 -0
- package/es/components/index.d.ts +1 -0
- package/es/components/index.mjs +4 -0
- package/es/components/index.mjs.map +1 -1
- package/es/index.mjs +4 -0
- package/es/index.mjs.map +1 -1
- package/index.full.js +358 -40
- package/index.full.min.js +17 -17
- package/index.full.min.js.map +1 -1
- package/index.full.min.mjs +20 -20
- package/index.full.min.mjs.map +1 -1
- package/index.full.mjs +353 -41
- package/lib/component.js +50 -48
- package/lib/component.js.map +1 -1
- package/lib/components/icon-picker/index.d.ts +146 -0
- package/lib/components/icon-picker/index.js +23 -0
- package/lib/components/icon-picker/index.js.map +1 -0
- package/lib/components/icon-picker/src/components/modal.vue.d.ts +70 -0
- package/lib/components/icon-picker/src/components/modal.vue.js +12 -0
- package/lib/components/icon-picker/src/components/modal.vue.js.map +1 -0
- package/lib/components/icon-picker/src/components/modal.vue2.js +162 -0
- package/lib/components/icon-picker/src/components/modal.vue2.js.map +1 -0
- package/lib/components/icon-picker/src/components/search.vue.d.ts +30 -0
- package/lib/components/icon-picker/src/components/search.vue.js +12 -0
- package/lib/components/icon-picker/src/components/search.vue.js.map +1 -0
- package/lib/components/icon-picker/src/components/search.vue2.js +62 -0
- package/lib/components/icon-picker/src/components/search.vue2.js.map +1 -0
- package/lib/components/icon-picker/src/config/icon-picker.d.ts +20 -0
- package/lib/components/icon-picker/src/config/icon-picker.js +25 -0
- package/lib/components/icon-picker/src/config/icon-picker.js.map +1 -0
- package/lib/components/icon-picker/src/config/index.d.ts +3 -0
- package/lib/components/icon-picker/src/config/index.js +14 -0
- package/lib/components/icon-picker/src/config/index.js.map +1 -0
- package/lib/components/icon-picker/src/config/modal.d.ts +24 -0
- package/lib/components/icon-picker/src/config/modal.js +33 -0
- package/lib/components/icon-picker/src/config/modal.js.map +1 -0
- package/lib/components/icon-picker/src/config/search.d.ts +15 -0
- package/lib/components/icon-picker/src/config/search.js +22 -0
- package/lib/components/icon-picker/src/config/search.js.map +1 -0
- package/lib/components/icon-picker/src/icon-picker.vue.d.ts +139 -0
- package/lib/components/icon-picker/src/icon-picker.vue.js +12 -0
- package/lib/components/icon-picker/src/icon-picker.vue.js.map +1 -0
- package/lib/components/icon-picker/src/icon-picker.vue2.js +63 -0
- package/lib/components/icon-picker/src/icon-picker.vue2.js.map +1 -0
- package/lib/components/index.d.ts +1 -0
- package/lib/components/index.js +60 -50
- package/lib/components/index.js.map +1 -1
- package/lib/index.js +60 -50
- package/lib/index.js.map +1 -1
- package/package.json +1 -1
- package/theme-chalk/css/button.css +1 -1
- package/theme-chalk/css/icon-picker.css +1 -0
- package/theme-chalk/css/index.css +1 -1
- package/types/packages/components/icon-picker/index.d.ts +146 -0
- package/types/packages/components/icon-picker/src/components/modal.vue.d.ts +70 -0
- package/types/packages/components/icon-picker/src/components/search.vue.d.ts +30 -0
- package/types/packages/components/icon-picker/src/config/icon-picker.d.ts +20 -0
- package/types/packages/components/icon-picker/src/config/index.d.ts +3 -0
- package/types/packages/components/icon-picker/src/config/modal.d.ts +24 -0
- package/types/packages/components/icon-picker/src/config/search.d.ts +15 -0
- package/types/packages/components/icon-picker/src/icon-picker.vue.d.ts +139 -0
- package/types/packages/components/index.d.ts +1 -0
package/lib/component.js
CHANGED
|
@@ -19,28 +19,29 @@ var index$c = require('./components/form/index.js');
|
|
|
19
19
|
var index$d = require('./components/form-item/index.js');
|
|
20
20
|
var index$e = require('./components/icon/index.js');
|
|
21
21
|
var index$f = require('./components/icon-base/index.js');
|
|
22
|
-
var index$g = require('./components/
|
|
23
|
-
var index$h = require('./components/input
|
|
24
|
-
var index$i = require('./components/
|
|
25
|
-
var index$j = require('./components/
|
|
26
|
-
var index$k = require('./components/
|
|
27
|
-
var index$l = require('./components/
|
|
28
|
-
var index$m = require('./components/
|
|
29
|
-
var index$n = require('./components/
|
|
30
|
-
var index$o = require('./components/select
|
|
31
|
-
var index$p = require('./components/
|
|
32
|
-
var index$q = require('./components/
|
|
33
|
-
var index$r = require('./components/
|
|
34
|
-
var index$s = require('./components/
|
|
35
|
-
var index$t = require('./components/
|
|
36
|
-
var index$u = require('./components/
|
|
37
|
-
var index$v = require('./components/
|
|
38
|
-
var index$w = require('./components/time-
|
|
39
|
-
var index$x = require('./components/
|
|
40
|
-
var index$y = require('./components/
|
|
41
|
-
var index$z = require('./components/tree/index.js');
|
|
42
|
-
var index$A = require('./components/
|
|
43
|
-
var index$B = require('./components/
|
|
22
|
+
var index$g = require('./components/icon-picker/index.js');
|
|
23
|
+
var index$h = require('./components/input/index.js');
|
|
24
|
+
var index$i = require('./components/input-number/index.js');
|
|
25
|
+
var index$j = require('./components/modal/index.js');
|
|
26
|
+
var index$k = require('./components/operate-icon/index.js');
|
|
27
|
+
var index$l = require('./components/radio/index.js');
|
|
28
|
+
var index$m = require('./components/drawer/src/components/second-confirmation/index.js');
|
|
29
|
+
var index$n = require('./components/segmented/index.js');
|
|
30
|
+
var index$o = require('./components/select/index.js');
|
|
31
|
+
var index$p = require('./components/select-group/index.js');
|
|
32
|
+
var index$q = require('./components/space/index.js');
|
|
33
|
+
var index$r = require('./components/steps/index.js');
|
|
34
|
+
var index$s = require('./components/switch/index.js');
|
|
35
|
+
var index$t = require('./components/table/index.js');
|
|
36
|
+
var index$u = require('./components/tabs-simple/index.js');
|
|
37
|
+
var index$v = require('./components/textarea/index.js');
|
|
38
|
+
var index$w = require('./components/time-picker/index.js');
|
|
39
|
+
var index$x = require('./components/time-range/index.js');
|
|
40
|
+
var index$y = require('./components/tooltip/index.js');
|
|
41
|
+
var index$z = require('./components/tree-search/index.js');
|
|
42
|
+
var index$A = require('./components/tree/index.js');
|
|
43
|
+
var index$B = require('./components/dropdown/index.js');
|
|
44
|
+
var index$C = require('./components/upload-drag/index.js');
|
|
44
45
|
|
|
45
46
|
"use strict";
|
|
46
47
|
var Components = [
|
|
@@ -63,32 +64,33 @@ var Components = [
|
|
|
63
64
|
index$d.LlFormItem,
|
|
64
65
|
index$e.LlIcon,
|
|
65
66
|
index$f.LlIconBase,
|
|
66
|
-
index$g.
|
|
67
|
-
index$h.
|
|
68
|
-
index$i.
|
|
69
|
-
index$j.
|
|
70
|
-
index$k.
|
|
71
|
-
index$
|
|
72
|
-
index$
|
|
73
|
-
index$l.
|
|
74
|
-
index$m.
|
|
75
|
-
index$n.
|
|
76
|
-
index$
|
|
77
|
-
index$
|
|
78
|
-
index$o.
|
|
79
|
-
index$p.
|
|
80
|
-
index$q.
|
|
81
|
-
index$r.
|
|
82
|
-
index$s.
|
|
83
|
-
index$t.
|
|
84
|
-
index$u.
|
|
85
|
-
index$v.
|
|
86
|
-
index$w.
|
|
87
|
-
index$x.
|
|
88
|
-
index$y.
|
|
89
|
-
index$z.
|
|
90
|
-
index$A.
|
|
91
|
-
index$B.
|
|
67
|
+
index$g.LlIconPicker,
|
|
68
|
+
index$h.LlInput,
|
|
69
|
+
index$i.LlInputNumber,
|
|
70
|
+
index$j.LlModal,
|
|
71
|
+
index$k.LlOperateIcon,
|
|
72
|
+
index$l.LlRadio,
|
|
73
|
+
index$l.LlRadioButton,
|
|
74
|
+
index$l.LlRadioGroup,
|
|
75
|
+
index$m.LlSecondConfirmation,
|
|
76
|
+
index$n.LlSegmented,
|
|
77
|
+
index$o.LlSelect,
|
|
78
|
+
index$o.LlSelectOption,
|
|
79
|
+
index$o.LlSelectOptGroup,
|
|
80
|
+
index$p.LlSelectGroup,
|
|
81
|
+
index$q.LlSpace,
|
|
82
|
+
index$r.LlSteps,
|
|
83
|
+
index$s.LlSwitch,
|
|
84
|
+
index$t.LlTable,
|
|
85
|
+
index$u.LlTabsSimple,
|
|
86
|
+
index$v.LlTextarea,
|
|
87
|
+
index$w.LlTimePicker,
|
|
88
|
+
index$x.LlTimeRange,
|
|
89
|
+
index$y.LlTooltip,
|
|
90
|
+
index$z.LlTreeSearch,
|
|
91
|
+
index$A.LlTree,
|
|
92
|
+
index$B.LlDropdown,
|
|
93
|
+
index$C.LlUploadDrag
|
|
92
94
|
];
|
|
93
95
|
|
|
94
96
|
exports.default = Components;
|
package/lib/component.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"component.js","sources":["../../packages/ll-plus/component.ts"],"sourcesContent":["import type { Plugin } from 'vue'\n\nimport {\n LlAdvancedFiltering,\n LlAdvancedFilteringParams,\n LlAdvancedFilteringTags,\n LlAvatar,\n LlButton,\n LlCascader,\n LlCheckbox,\n LlCheckboxGroup,\n LlConfigProvider,\n LlDatePicker,\n LlDateRange,\n LlDescriptions,\n LlDescriptionsItem,\n LlDrawer,\n LlEmpty,\n LlForm,\n LlFormItem,\n LlIcon,\n LlIconBase,\n LlInput,\n LlInputNumber,\n LlModal,\n LlOperateIcon,\n LlRadio,\n LlRadioButton,\n LlRadioGroup,\n LlSecondConfirmation,\n LlSegmented,\n LlSelect,\n LlSelectOption,\n LlSelectOptGroup,\n LlSelectGroup,\n LlSpace,\n LlSteps,\n LlSwitch,\n LlTable,\n LlTabsSimple,\n LlTextarea,\n LlTimePicker,\n LlTimeRange,\n LlTooltip,\n LlTreeSearch,\n LlTree,\n LlDropdown,\n LlUploadDrag\n} from '@ll-plus/components/index'\n\nexport default [\n LlAdvancedFiltering,\n LlAdvancedFilteringParams,\n LlAdvancedFilteringTags,\n LlAvatar,\n LlButton,\n LlCascader,\n LlCheckbox,\n LlCheckboxGroup,\n LlConfigProvider,\n LlDatePicker,\n LlDateRange,\n LlDescriptions,\n LlDescriptionsItem,\n LlDrawer,\n LlEmpty,\n LlForm,\n LlFormItem,\n LlIcon,\n LlIconBase,\n LlInput,\n LlInputNumber,\n LlModal,\n LlOperateIcon,\n LlRadio,\n LlRadioButton,\n LlRadioGroup,\n LlSecondConfirmation,\n LlSegmented,\n LlSelect,\n LlSelectOption,\n LlSelectOptGroup,\n LlSelectGroup,\n LlSpace,\n LlSteps,\n LlSwitch,\n LlTable,\n LlTabsSimple,\n LlTextarea,\n LlTimePicker,\n LlTimeRange,\n LlTooltip,\n LlTreeSearch,\n LlTree,\n LlDropdown,\n LlUploadDrag\n] as Plugin[]\n"],"names":["LlAdvancedFiltering","LlAdvancedFilteringParams","LlAdvancedFilteringTags","LlAvatar","LlButton","LlCascader","LlCheckbox","LlCheckboxGroup","LlConfigProvider","LlDatePicker","LlDateRange","LlDescriptions","LlDescriptionsItem","LlDrawer","LlEmpty","LlForm","LlFormItem","LlIcon","LlIconBase","LlInput","LlInputNumber","LlModal","LlOperateIcon","LlRadio","LlRadioButton","LlRadioGroup","LlSecondConfirmation","LlSegmented","LlSelect","LlSelectOption","LlSelectOptGroup","LlSelectGroup","LlSpace","LlSteps","LlSwitch","LlTable","LlTabsSimple","LlTextarea","LlTimePicker","LlTimeRange","LlTooltip","LlTreeSearch","LlTree","LlDropdown","LlUploadDrag"],"mappings":"
|
|
1
|
+
{"version":3,"file":"component.js","sources":["../../packages/ll-plus/component.ts"],"sourcesContent":["import type { Plugin } from 'vue'\n\nimport {\n LlAdvancedFiltering,\n LlAdvancedFilteringParams,\n LlAdvancedFilteringTags,\n LlAvatar,\n LlButton,\n LlCascader,\n LlCheckbox,\n LlCheckboxGroup,\n LlConfigProvider,\n LlDatePicker,\n LlDateRange,\n LlDescriptions,\n LlDescriptionsItem,\n LlDrawer,\n LlEmpty,\n LlForm,\n LlFormItem,\n LlIcon,\n LlIconBase,\n LlIconPicker,\n LlInput,\n LlInputNumber,\n LlModal,\n LlOperateIcon,\n LlRadio,\n LlRadioButton,\n LlRadioGroup,\n LlSecondConfirmation,\n LlSegmented,\n LlSelect,\n LlSelectOption,\n LlSelectOptGroup,\n LlSelectGroup,\n LlSpace,\n LlSteps,\n LlSwitch,\n LlTable,\n LlTabsSimple,\n LlTextarea,\n LlTimePicker,\n LlTimeRange,\n LlTooltip,\n LlTreeSearch,\n LlTree,\n LlDropdown,\n LlUploadDrag\n} from '@ll-plus/components/index'\n\nexport default [\n LlAdvancedFiltering,\n LlAdvancedFilteringParams,\n LlAdvancedFilteringTags,\n LlAvatar,\n LlButton,\n LlCascader,\n LlCheckbox,\n LlCheckboxGroup,\n LlConfigProvider,\n LlDatePicker,\n LlDateRange,\n LlDescriptions,\n LlDescriptionsItem,\n LlDrawer,\n LlEmpty,\n LlForm,\n LlFormItem,\n LlIcon,\n LlIconBase,\n LlIconPicker,\n LlInput,\n LlInputNumber,\n LlModal,\n LlOperateIcon,\n LlRadio,\n LlRadioButton,\n LlRadioGroup,\n LlSecondConfirmation,\n LlSegmented,\n LlSelect,\n LlSelectOption,\n LlSelectOptGroup,\n LlSelectGroup,\n LlSpace,\n LlSteps,\n LlSwitch,\n LlTable,\n LlTabsSimple,\n LlTextarea,\n LlTimePicker,\n LlTimeRange,\n LlTooltip,\n LlTreeSearch,\n LlTree,\n LlDropdown,\n LlUploadDrag\n] as Plugin[]\n"],"names":["LlAdvancedFiltering","LlAdvancedFilteringParams","LlAdvancedFilteringTags","LlAvatar","LlButton","LlCascader","LlCheckbox","LlCheckboxGroup","LlConfigProvider","LlDatePicker","LlDateRange","LlDescriptions","LlDescriptionsItem","LlDrawer","LlEmpty","LlForm","LlFormItem","LlIcon","LlIconBase","LlIconPicker","LlInput","LlInputNumber","LlModal","LlOperateIcon","LlRadio","LlRadioButton","LlRadioGroup","LlSecondConfirmation","LlSegmented","LlSelect","LlSelectOption","LlSelectOptGroup","LlSelectGroup","LlSpace","LlSteps","LlSwitch","LlTable","LlTabsSimple","LlTextarea","LlTimePicker","LlTimeRange","LlTooltip","LlTreeSearch","LlTree","LlDropdown","LlUploadDrag"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmDA,iBAAe;AAAA,EACbA,yBAAA;AAAA,EACAC,+BAAA;AAAA,EACAC,6BAAA;AAAA,EACAC,gBAAA;AAAA,EACAC,gBAAA;AAAA,EACAC,kBAAA;AAAA,EACAC,kBAAA;AAAA,EACAC,uBAAA;AAAA,EACAC,wBAAA;AAAA,EACAC,oBAAA;AAAA,EACAC,mBAAA;AAAA,EACAC,sBAAA;AAAA,EACAC,0BAAA;AAAA,EACAC,gBAAA;AAAA,EACAC,eAAA;AAAA,EACAC,cAAA;AAAA,EACAC,kBAAA;AAAA,EACAC,cAAA;AAAA,EACAC,kBAAA;AAAA,EACAC,oBAAA;AAAA,EACAC,eAAA;AAAA,EACAC,qBAAA;AAAA,EACAC,eAAA;AAAA,EACAC,qBAAA;AAAA,EACAC,eAAA;AAAA,EACAC,qBAAA;AAAA,EACAC,oBAAA;AAAA,EACAC,4BAAA;AAAA,EACAC,mBAAA;AAAA,EACAC,gBAAA;AAAA,EACAC,sBAAA;AAAA,EACAC,wBAAA;AAAA,EACAC,qBAAA;AAAA,EACAC,eAAA;AAAA,EACAC,eAAA;AAAA,EACAC,gBAAA;AAAA,EACAC,eAAA;AAAA,EACAC,oBAAA;AAAA,EACAC,kBAAA;AAAA,EACAC,oBAAA;AAAA,EACAC,mBAAA;AAAA,EACAC,iBAAA;AAAA,EACAC,oBAAA;AAAA,EACAC,cAAA;AAAA,EACAC,kBAAA;AAAA,EACAC,oBAAA;AACF,CAAA;;;;"}
|
|
@@ -0,0 +1,146 @@
|
|
|
1
|
+
import IconPicker from './src/icon-picker.vue';
|
|
2
|
+
export declare const LlIconPicker: import("ll-plus/es/utils").SFCWithInstall<import("vue").DefineComponent<{
|
|
3
|
+
readonly value: {
|
|
4
|
+
readonly type: import("vue").PropType<string>;
|
|
5
|
+
readonly required: false;
|
|
6
|
+
readonly validator: ((val: unknown) => boolean) | undefined;
|
|
7
|
+
__epPropKey: true;
|
|
8
|
+
};
|
|
9
|
+
readonly iconList: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => import("./src/config").IconPickerItem[]) | (() => import("./src/config").IconPickerItem[]) | ((new (...args: any[]) => import("./src/config").IconPickerItem[]) | (() => import("./src/config").IconPickerItem[]))[], unknown, unknown, () => never[], boolean>;
|
|
10
|
+
}, {
|
|
11
|
+
props: import("@vue/shared").LooseRequired<{
|
|
12
|
+
readonly iconList: import("./src/config").IconPickerItem[];
|
|
13
|
+
readonly value?: string | undefined;
|
|
14
|
+
} & {}>;
|
|
15
|
+
attrs: {
|
|
16
|
+
[x: string]: unknown;
|
|
17
|
+
};
|
|
18
|
+
iconValue: import("vue").Ref<string>;
|
|
19
|
+
visible: import("vue").Ref<boolean>;
|
|
20
|
+
bem: {
|
|
21
|
+
b: (blockSuffix?: string) => string;
|
|
22
|
+
e: (element?: string) => string;
|
|
23
|
+
m: (modifier?: string) => string;
|
|
24
|
+
be: (blockSuffix?: string, element?: string) => string;
|
|
25
|
+
em: (element: string, modifier: string) => string;
|
|
26
|
+
bm: (blockSuffix: string, modifier: string) => string;
|
|
27
|
+
bem: (blockSuffix: string, element: string, modifier: string) => string;
|
|
28
|
+
is: (name?: string) => string;
|
|
29
|
+
};
|
|
30
|
+
handleModalVisible: (bool: boolean) => boolean;
|
|
31
|
+
handleChangeValue: (value: string) => string;
|
|
32
|
+
search: import("vue").DefineComponent<{
|
|
33
|
+
readonly value: {
|
|
34
|
+
readonly type: import("vue").PropType<string>;
|
|
35
|
+
readonly required: false;
|
|
36
|
+
readonly validator: ((val: unknown) => boolean) | undefined;
|
|
37
|
+
__epPropKey: true;
|
|
38
|
+
};
|
|
39
|
+
}, {
|
|
40
|
+
props: import("@vue/shared").LooseRequired<{
|
|
41
|
+
readonly value?: string | undefined;
|
|
42
|
+
readonly onHandleModalVisible?: ((bool: boolean) => any) | undefined;
|
|
43
|
+
} & {}>;
|
|
44
|
+
emits: (event: "handleModalVisible", bool: boolean) => void;
|
|
45
|
+
attrs: {
|
|
46
|
+
[x: string]: unknown;
|
|
47
|
+
};
|
|
48
|
+
handleCloseModalVisible: () => void;
|
|
49
|
+
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
50
|
+
handleModalVisible: (bool: boolean) => boolean;
|
|
51
|
+
}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
52
|
+
readonly value: {
|
|
53
|
+
readonly type: import("vue").PropType<string>;
|
|
54
|
+
readonly required: false;
|
|
55
|
+
readonly validator: ((val: unknown) => boolean) | undefined;
|
|
56
|
+
__epPropKey: true;
|
|
57
|
+
};
|
|
58
|
+
}>> & {
|
|
59
|
+
onHandleModalVisible?: ((bool: boolean) => any) | undefined;
|
|
60
|
+
}, {}, {}>;
|
|
61
|
+
modal: import("vue").DefineComponent<{
|
|
62
|
+
readonly value: {
|
|
63
|
+
readonly type: import("vue").PropType<string>;
|
|
64
|
+
readonly required: false;
|
|
65
|
+
readonly validator: ((val: unknown) => boolean) | undefined;
|
|
66
|
+
__epPropKey: true;
|
|
67
|
+
};
|
|
68
|
+
readonly visible: {
|
|
69
|
+
readonly type: import("vue").PropType<import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>>;
|
|
70
|
+
readonly required: false;
|
|
71
|
+
readonly validator: ((val: unknown) => boolean) | undefined;
|
|
72
|
+
__epPropKey: true;
|
|
73
|
+
};
|
|
74
|
+
readonly data: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => import("./src/config").IconPickerItem[]) | (() => import("./src/config").IconPickerItem[]) | ((new (...args: any[]) => import("./src/config").IconPickerItem[]) | (() => import("./src/config").IconPickerItem[]))[], unknown, unknown, () => never[], boolean>;
|
|
75
|
+
}, {
|
|
76
|
+
props: import("@vue/shared").LooseRequired<{
|
|
77
|
+
readonly data: import("./src/config").IconPickerItem[];
|
|
78
|
+
readonly value?: string | undefined;
|
|
79
|
+
readonly visible?: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown> | undefined;
|
|
80
|
+
readonly "onUpdate:visible"?: (() => any) | undefined;
|
|
81
|
+
readonly onChangeIconValue?: ((value: string) => any) | undefined;
|
|
82
|
+
} & {}>;
|
|
83
|
+
emits: ((event: "update:visible") => void) & ((event: "changeIconValue", value: string) => void);
|
|
84
|
+
searchIconValue: import("vue").Ref<string>;
|
|
85
|
+
selectIcon: import("vue").Ref<string>;
|
|
86
|
+
iconList: import("vue").Ref<{
|
|
87
|
+
icon_id?: string | undefined;
|
|
88
|
+
name?: string | undefined;
|
|
89
|
+
font_class?: string | undefined;
|
|
90
|
+
unicode?: string | undefined;
|
|
91
|
+
unicode_decimal?: string | undefined;
|
|
92
|
+
}[]>;
|
|
93
|
+
bem: {
|
|
94
|
+
b: (blockSuffix?: string) => string;
|
|
95
|
+
e: (element?: string) => string;
|
|
96
|
+
m: (modifier?: string) => string;
|
|
97
|
+
be: (blockSuffix?: string, element?: string) => string;
|
|
98
|
+
em: (element: string, modifier: string) => string;
|
|
99
|
+
bm: (blockSuffix: string, modifier: string) => string;
|
|
100
|
+
bem: (blockSuffix: string, element: string, modifier: string) => string;
|
|
101
|
+
is: (name?: string) => string;
|
|
102
|
+
};
|
|
103
|
+
handleOk: () => void;
|
|
104
|
+
handleCancel: () => void;
|
|
105
|
+
handleSelectIcon: (icon: import("./src/config").IconPickerItem) => string;
|
|
106
|
+
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
107
|
+
'update:visible': () => boolean;
|
|
108
|
+
changeIconValue: (value: string) => string;
|
|
109
|
+
}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
110
|
+
readonly value: {
|
|
111
|
+
readonly type: import("vue").PropType<string>;
|
|
112
|
+
readonly required: false;
|
|
113
|
+
readonly validator: ((val: unknown) => boolean) | undefined;
|
|
114
|
+
__epPropKey: true;
|
|
115
|
+
};
|
|
116
|
+
readonly visible: {
|
|
117
|
+
readonly type: import("vue").PropType<import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>>;
|
|
118
|
+
readonly required: false;
|
|
119
|
+
readonly validator: ((val: unknown) => boolean) | undefined;
|
|
120
|
+
__epPropKey: true;
|
|
121
|
+
};
|
|
122
|
+
readonly data: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => import("./src/config").IconPickerItem[]) | (() => import("./src/config").IconPickerItem[]) | ((new (...args: any[]) => import("./src/config").IconPickerItem[]) | (() => import("./src/config").IconPickerItem[]))[], unknown, unknown, () => never[], boolean>;
|
|
123
|
+
}>> & {
|
|
124
|
+
"onUpdate:visible"?: (() => any) | undefined;
|
|
125
|
+
onChangeIconValue?: ((value: string) => any) | undefined;
|
|
126
|
+
}, {
|
|
127
|
+
readonly data: import("./src/config").IconPickerItem[];
|
|
128
|
+
}, {}>;
|
|
129
|
+
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
130
|
+
readonly value: {
|
|
131
|
+
readonly type: import("vue").PropType<string>;
|
|
132
|
+
readonly required: false;
|
|
133
|
+
readonly validator: ((val: unknown) => boolean) | undefined;
|
|
134
|
+
__epPropKey: true;
|
|
135
|
+
};
|
|
136
|
+
readonly iconList: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => import("./src/config").IconPickerItem[]) | (() => import("./src/config").IconPickerItem[]) | ((new (...args: any[]) => import("./src/config").IconPickerItem[]) | (() => import("./src/config").IconPickerItem[]))[], unknown, unknown, () => never[], boolean>;
|
|
137
|
+
}>>, {
|
|
138
|
+
readonly iconList: import("./src/config").IconPickerItem[];
|
|
139
|
+
}, {}>>;
|
|
140
|
+
export default LlIconPicker;
|
|
141
|
+
export * from './src/config';
|
|
142
|
+
declare module 'vue' {
|
|
143
|
+
interface GlobalComponents {
|
|
144
|
+
LlIconPicker: typeof IconPicker;
|
|
145
|
+
}
|
|
146
|
+
}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
require('../../utils/index.js');
|
|
6
|
+
var iconPicker$1 = require('./src/icon-picker.vue.js');
|
|
7
|
+
require('./src/config/index.js');
|
|
8
|
+
var withInstall = require('../../utils/with-install.js');
|
|
9
|
+
var iconPicker = require('./src/config/icon-picker.js');
|
|
10
|
+
var modal = require('./src/config/modal.js');
|
|
11
|
+
var search = require('./src/config/search.js');
|
|
12
|
+
|
|
13
|
+
"use strict";
|
|
14
|
+
const LlIconPicker = withInstall.withInstall(iconPicker$1.default);
|
|
15
|
+
|
|
16
|
+
exports.iconPickerProps = iconPicker.iconPickerProps;
|
|
17
|
+
exports.iconPickerModalEmits = modal.iconPickerModalEmits;
|
|
18
|
+
exports.iconPickerModalProps = modal.iconPickerModalProps;
|
|
19
|
+
exports.iconPickerSearchEmits = search.iconPickerSearchEmits;
|
|
20
|
+
exports.iconPickerSearchProps = search.iconPickerSearchProps;
|
|
21
|
+
exports.LlIconPicker = LlIconPicker;
|
|
22
|
+
exports.default = LlIconPicker;
|
|
23
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../packages/components/icon-picker/index.ts"],"sourcesContent":["import { withInstall } from '@ll-plus/utils'\n\nimport IconPicker from './src/icon-picker.vue'\n\nexport const LlIconPicker = withInstall(IconPicker)\nexport default LlIconPicker\nexport * from './src/config'\n\n// 把ZIcon组件类型合并带全局组件中 到时候使用时有提示\ndeclare module 'vue' {\n export interface GlobalComponents {\n LlIconPicker: typeof IconPicker\n }\n}\n"],"names":["withInstall","IconPicker"],"mappings":";;;;;;;;;;;;;AAIa,MAAA,YAAA,GAAeA,wBAAYC,oBAAU;;;;;;;;;;"}
|
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
import type { IconPickerItem } from '../config';
|
|
2
|
+
declare const _default: import("vue").DefineComponent<{
|
|
3
|
+
readonly value: {
|
|
4
|
+
readonly type: import("vue").PropType<string>;
|
|
5
|
+
readonly required: false;
|
|
6
|
+
readonly validator: ((val: unknown) => boolean) | undefined;
|
|
7
|
+
__epPropKey: true;
|
|
8
|
+
};
|
|
9
|
+
readonly visible: {
|
|
10
|
+
readonly type: import("vue").PropType<import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>>;
|
|
11
|
+
readonly required: false;
|
|
12
|
+
readonly validator: ((val: unknown) => boolean) | undefined;
|
|
13
|
+
__epPropKey: true;
|
|
14
|
+
};
|
|
15
|
+
readonly data: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => IconPickerItem[]) | (() => IconPickerItem[]) | ((new (...args: any[]) => IconPickerItem[]) | (() => IconPickerItem[]))[], unknown, unknown, () => never[], boolean>;
|
|
16
|
+
}, {
|
|
17
|
+
props: import("@vue/shared").LooseRequired<{
|
|
18
|
+
readonly data: IconPickerItem[];
|
|
19
|
+
readonly value?: string | undefined;
|
|
20
|
+
readonly visible?: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown> | undefined;
|
|
21
|
+
readonly "onUpdate:visible"?: (() => any) | undefined;
|
|
22
|
+
readonly onChangeIconValue?: ((value: string) => any) | undefined;
|
|
23
|
+
} & {}>;
|
|
24
|
+
emits: ((event: "update:visible") => void) & ((event: "changeIconValue", value: string) => void);
|
|
25
|
+
searchIconValue: import("vue").Ref<string>;
|
|
26
|
+
selectIcon: import("vue").Ref<string>;
|
|
27
|
+
iconList: import("vue").Ref<{
|
|
28
|
+
icon_id?: string | undefined;
|
|
29
|
+
name?: string | undefined;
|
|
30
|
+
font_class?: string | undefined;
|
|
31
|
+
unicode?: string | undefined;
|
|
32
|
+
unicode_decimal?: string | undefined;
|
|
33
|
+
}[]>;
|
|
34
|
+
bem: {
|
|
35
|
+
b: (blockSuffix?: string) => string;
|
|
36
|
+
e: (element?: string) => string;
|
|
37
|
+
m: (modifier?: string) => string;
|
|
38
|
+
be: (blockSuffix?: string, element?: string) => string;
|
|
39
|
+
em: (element: string, modifier: string) => string;
|
|
40
|
+
bm: (blockSuffix: string, modifier: string) => string;
|
|
41
|
+
bem: (blockSuffix: string, element: string, modifier: string) => string;
|
|
42
|
+
is: (name?: string) => string;
|
|
43
|
+
};
|
|
44
|
+
handleOk: () => void;
|
|
45
|
+
handleCancel: () => void;
|
|
46
|
+
handleSelectIcon: (icon: IconPickerItem) => string;
|
|
47
|
+
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
48
|
+
'update:visible': () => boolean;
|
|
49
|
+
changeIconValue: (value: string) => string;
|
|
50
|
+
}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
51
|
+
readonly value: {
|
|
52
|
+
readonly type: import("vue").PropType<string>;
|
|
53
|
+
readonly required: false;
|
|
54
|
+
readonly validator: ((val: unknown) => boolean) | undefined;
|
|
55
|
+
__epPropKey: true;
|
|
56
|
+
};
|
|
57
|
+
readonly visible: {
|
|
58
|
+
readonly type: import("vue").PropType<import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>>;
|
|
59
|
+
readonly required: false;
|
|
60
|
+
readonly validator: ((val: unknown) => boolean) | undefined;
|
|
61
|
+
__epPropKey: true;
|
|
62
|
+
};
|
|
63
|
+
readonly data: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => IconPickerItem[]) | (() => IconPickerItem[]) | ((new (...args: any[]) => IconPickerItem[]) | (() => IconPickerItem[]))[], unknown, unknown, () => never[], boolean>;
|
|
64
|
+
}>> & {
|
|
65
|
+
"onUpdate:visible"?: (() => any) | undefined;
|
|
66
|
+
onChangeIconValue?: ((value: string) => any) | undefined;
|
|
67
|
+
}, {
|
|
68
|
+
readonly data: IconPickerItem[];
|
|
69
|
+
}, {}>;
|
|
70
|
+
export default _default;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var modal_vue_vue_type_script_setup_true_lang = require('./modal.vue2.js');
|
|
6
|
+
var _pluginVue_exportHelper = require('../../../../_virtual/_plugin-vue_export-helper.js');
|
|
7
|
+
|
|
8
|
+
"use strict";
|
|
9
|
+
var modal = /* @__PURE__ */ _pluginVue_exportHelper.default(modal_vue_vue_type_script_setup_true_lang.default, [["__file", "modal.vue"]]);
|
|
10
|
+
|
|
11
|
+
exports.default = modal;
|
|
12
|
+
//# sourceMappingURL=modal.vue.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"modal.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}
|
|
@@ -0,0 +1,162 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var vue = require('vue');
|
|
6
|
+
require('../../../../utils/index.js');
|
|
7
|
+
require('../config/index.js');
|
|
8
|
+
var modal = require('../config/modal.js');
|
|
9
|
+
var createNamespace = require('../../../../utils/create-namespace.js');
|
|
10
|
+
|
|
11
|
+
"use strict";
|
|
12
|
+
var _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
13
|
+
...{
|
|
14
|
+
name: "LlIconPickerModal"
|
|
15
|
+
},
|
|
16
|
+
__name: "modal",
|
|
17
|
+
props: modal.iconPickerModalProps,
|
|
18
|
+
emits: modal.iconPickerModalEmits,
|
|
19
|
+
setup(__props, { emit: __emit }) {
|
|
20
|
+
const props = __props;
|
|
21
|
+
const emits = __emit;
|
|
22
|
+
const searchIconValue = vue.ref("");
|
|
23
|
+
const selectIcon = vue.ref("");
|
|
24
|
+
const iconList = vue.ref([]);
|
|
25
|
+
const bem = createNamespace.createNamespace("icon-picker-modal");
|
|
26
|
+
const handleOk = () => {
|
|
27
|
+
emits("changeIconValue", selectIcon.value);
|
|
28
|
+
emits("update:visible");
|
|
29
|
+
};
|
|
30
|
+
const handleCancel = () => emits("update:visible");
|
|
31
|
+
const handleSelectIcon = (icon) => selectIcon.value = icon?.font_class;
|
|
32
|
+
vue.watch(
|
|
33
|
+
() => props.visible,
|
|
34
|
+
(newVisible) => {
|
|
35
|
+
if (newVisible)
|
|
36
|
+
searchIconValue.value = "";
|
|
37
|
+
}
|
|
38
|
+
);
|
|
39
|
+
vue.watch(
|
|
40
|
+
() => props.value,
|
|
41
|
+
(newV) => {
|
|
42
|
+
if (newV)
|
|
43
|
+
selectIcon.value = newV;
|
|
44
|
+
}
|
|
45
|
+
);
|
|
46
|
+
vue.watch(
|
|
47
|
+
() => props.data,
|
|
48
|
+
(newData) => {
|
|
49
|
+
iconList.value = [...newData];
|
|
50
|
+
},
|
|
51
|
+
{
|
|
52
|
+
immediate: true
|
|
53
|
+
}
|
|
54
|
+
);
|
|
55
|
+
vue.watch(searchIconValue, () => {
|
|
56
|
+
iconList.value = props.data.filter(
|
|
57
|
+
(ele) => ~ele.font_class.indexOf(searchIconValue.value)
|
|
58
|
+
);
|
|
59
|
+
});
|
|
60
|
+
return (_ctx, _cache) => {
|
|
61
|
+
const _component_ll_icon = vue.resolveComponent("ll-icon");
|
|
62
|
+
const _component_a_input = vue.resolveComponent("a-input");
|
|
63
|
+
const _component_a_button = vue.resolveComponent("a-button");
|
|
64
|
+
const _component_a_space = vue.resolveComponent("a-space");
|
|
65
|
+
const _component_ll_modal = vue.resolveComponent("ll-modal");
|
|
66
|
+
return vue.openBlock(), vue.createBlock(_component_ll_modal, {
|
|
67
|
+
open: _ctx.visible,
|
|
68
|
+
title: "\u56FE\u6807\u9009\u62E9",
|
|
69
|
+
class: "icon-picker-modal-wrapper",
|
|
70
|
+
width: "776px",
|
|
71
|
+
keyboard: false,
|
|
72
|
+
"mask-closable": false,
|
|
73
|
+
onOk: handleOk,
|
|
74
|
+
onCancel: handleCancel
|
|
75
|
+
}, {
|
|
76
|
+
default: vue.withCtx(() => [
|
|
77
|
+
vue.createElementVNode(
|
|
78
|
+
"div",
|
|
79
|
+
{
|
|
80
|
+
class: vue.normalizeClass(vue.unref(bem).b())
|
|
81
|
+
},
|
|
82
|
+
[
|
|
83
|
+
vue.createElementVNode(
|
|
84
|
+
"div",
|
|
85
|
+
{
|
|
86
|
+
class: vue.normalizeClass(vue.unref(bem).e("input-container"))
|
|
87
|
+
},
|
|
88
|
+
[
|
|
89
|
+
vue.createVNode(_component_a_input, {
|
|
90
|
+
value: searchIconValue.value,
|
|
91
|
+
"onUpdate:value": _cache[0] || (_cache[0] = ($event) => searchIconValue.value = $event),
|
|
92
|
+
class: vue.normalizeClass(vue.unref(bem).e("input")),
|
|
93
|
+
"allow-clear": "",
|
|
94
|
+
placeholder: "\u641C\u7D22..."
|
|
95
|
+
}, {
|
|
96
|
+
prefix: vue.withCtx(() => [
|
|
97
|
+
vue.createVNode(_component_ll_icon, { "icon-name": "icon-search" })
|
|
98
|
+
]),
|
|
99
|
+
_: 1
|
|
100
|
+
/* STABLE */
|
|
101
|
+
}, 8, ["value", "class"])
|
|
102
|
+
],
|
|
103
|
+
2
|
|
104
|
+
/* CLASS */
|
|
105
|
+
),
|
|
106
|
+
vue.createElementVNode(
|
|
107
|
+
"div",
|
|
108
|
+
{
|
|
109
|
+
class: vue.normalizeClass(vue.unref(bem).e("list"))
|
|
110
|
+
},
|
|
111
|
+
[
|
|
112
|
+
vue.createVNode(_component_a_space, {
|
|
113
|
+
size: [16, 16],
|
|
114
|
+
wrap: "",
|
|
115
|
+
class: vue.normalizeClass(vue.unref(bem).e("space"))
|
|
116
|
+
}, {
|
|
117
|
+
default: vue.withCtx(() => [
|
|
118
|
+
(vue.openBlock(true), vue.createElementBlock(
|
|
119
|
+
vue.Fragment,
|
|
120
|
+
null,
|
|
121
|
+
vue.renderList(iconList.value, (item) => {
|
|
122
|
+
return vue.openBlock(), vue.createBlock(_component_a_button, {
|
|
123
|
+
key: item.icon_id,
|
|
124
|
+
type: selectIcon.value === item.font_class ? "primary" : "default",
|
|
125
|
+
class: vue.normalizeClass(vue.unref(bem).e("button")),
|
|
126
|
+
onClick: ($event) => handleSelectIcon(item)
|
|
127
|
+
}, {
|
|
128
|
+
icon: vue.withCtx(() => [
|
|
129
|
+
vue.createVNode(_component_ll_icon, {
|
|
130
|
+
"icon-name": "icon-" + item.font_class,
|
|
131
|
+
style: { "font-size": "28px" }
|
|
132
|
+
}, null, 8, ["icon-name"])
|
|
133
|
+
]),
|
|
134
|
+
_: 2
|
|
135
|
+
/* DYNAMIC */
|
|
136
|
+
}, 1032, ["type", "class", "onClick"]);
|
|
137
|
+
}),
|
|
138
|
+
128
|
|
139
|
+
/* KEYED_FRAGMENT */
|
|
140
|
+
))
|
|
141
|
+
]),
|
|
142
|
+
_: 1
|
|
143
|
+
/* STABLE */
|
|
144
|
+
}, 8, ["class"])
|
|
145
|
+
],
|
|
146
|
+
2
|
|
147
|
+
/* CLASS */
|
|
148
|
+
)
|
|
149
|
+
],
|
|
150
|
+
2
|
|
151
|
+
/* CLASS */
|
|
152
|
+
)
|
|
153
|
+
]),
|
|
154
|
+
_: 1
|
|
155
|
+
/* STABLE */
|
|
156
|
+
}, 8, ["open"]);
|
|
157
|
+
};
|
|
158
|
+
}
|
|
159
|
+
});
|
|
160
|
+
|
|
161
|
+
exports.default = _sfc_main;
|
|
162
|
+
//# sourceMappingURL=modal.vue2.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"modal.vue2.js","sources":["../../../../../../packages/components/icon-picker/src/components/modal.vue"],"sourcesContent":["<template>\n <ll-modal\n :open=\"visible\"\n :title=\"'图标选择'\"\n class=\"icon-picker-modal-wrapper\"\n width=\"776px\"\n :keyboard=\"false\"\n :mask-closable=\"false\"\n @ok=\"handleOk\"\n @cancel=\"handleCancel\"\n >\n <div :class=\"bem.b()\">\n <div :class=\"bem.e('input-container')\">\n <a-input\n v-model:value=\"searchIconValue\"\n :class=\"bem.e('input')\"\n allow-clear\n placeholder=\"搜索...\"\n >\n <template #prefix>\n <ll-icon icon-name=\"icon-search\" />\n </template>\n </a-input>\n </div>\n <div :class=\"bem.e('list')\">\n <a-space :size=\"[16, 16]\" wrap :class=\"bem.e('space')\">\n <a-button\n v-for=\"item in iconList\"\n :key=\"item.icon_id\"\n :type=\"selectIcon === item.font_class ? 'primary' : 'default'\"\n :class=\"bem.e('button')\"\n @click=\"handleSelectIcon(item)\"\n >\n <template #icon>\n <ll-icon\n :icon-name=\"'icon-' + item.font_class\"\n style=\"font-size: 28px\"\n />\n </template>\n </a-button>\n </a-space>\n </div>\n </div>\n </ll-modal>\n</template>\n<script lang=\"ts\" setup>\nimport { ref, watch } from 'vue'\n\nimport { createNamespace } from '@ll-plus/utils'\nimport { iconPickerModalProps, iconPickerModalEmits } from '../config'\n\nimport type { IconPickerItem } from '../config'\n\ndefineOptions({\n name: 'LlIconPickerModal'\n})\n\nconst props = defineProps(iconPickerModalProps)\nconst emits = defineEmits(iconPickerModalEmits)\n\nconst searchIconValue = ref('')\nconst selectIcon = ref('')\nconst iconList = ref<IconPickerItem[]>([])\nconst bem = createNamespace('icon-picker-modal')\n\nconst handleOk = () => {\n emits('changeIconValue', selectIcon.value)\n emits('update:visible')\n}\nconst handleCancel = () => emits('update:visible')\nconst handleSelectIcon = (icon: IconPickerItem) =>\n (selectIcon.value = icon?.font_class as string)\n\n// 监听选择的icon\nwatch(\n () => props.visible,\n newVisible => {\n if (newVisible) searchIconValue.value = ''\n }\n)\nwatch(\n () => props.value,\n newV => {\n if (newV) selectIcon.value = newV\n }\n)\nwatch(\n () => props.data,\n newData => {\n iconList.value = [...newData]\n },\n {\n immediate: true\n }\n)\nwatch(searchIconValue, () => {\n iconList.value = props.data.filter(\n ele => ~ele.font_class!.indexOf(searchIconValue.value)\n )\n})\n</script>\n"],"names":["ref","createNamespace","watch"],"mappings":";;;;;;;;;;;;;;;;;;;AAyDA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAA,MAAM,KAAQ,GAAA,MAAA,CAAA;AAEd,IAAM,MAAA,eAAA,GAAkBA,QAAI,EAAE,CAAA,CAAA;AAC9B,IAAM,MAAA,UAAA,GAAaA,QAAI,EAAE,CAAA,CAAA;AACzB,IAAM,MAAA,QAAA,GAAWA,OAAsB,CAAA,EAAE,CAAA,CAAA;AACzC,IAAM,MAAA,GAAA,GAAMC,gCAAgB,mBAAmB,CAAA,CAAA;AAE/C,IAAA,MAAM,WAAW,MAAM;AACrB,MAAM,KAAA,CAAA,iBAAA,EAAmB,WAAW,KAAK,CAAA,CAAA;AACzC,MAAA,KAAA,CAAM,gBAAgB,CAAA,CAAA;AAAA,KACxB,CAAA;AACA,IAAM,MAAA,YAAA,GAAe,MAAM,KAAA,CAAM,gBAAgB,CAAA,CAAA;AACjD,IAAA,MAAM,gBAAmB,GAAA,CAAC,IACvB,KAAA,UAAA,CAAW,QAAQ,IAAM,EAAA,UAAA,CAAA;AAG5B,IAAAC,SAAA;AAAA,MACE,MAAM,KAAM,CAAA,OAAA;AAAA,MACZ,CAAc,UAAA,KAAA;AACZ,QAAI,IAAA,UAAA;AAAY,UAAA,eAAA,CAAgB,KAAQ,GAAA,EAAA,CAAA;AAAA,OAC1C;AAAA,KACF,CAAA;AACA,IAAAA,SAAA;AAAA,MACE,MAAM,KAAM,CAAA,KAAA;AAAA,MACZ,CAAQ,IAAA,KAAA;AACN,QAAI,IAAA,IAAA;AAAM,UAAA,UAAA,CAAW,KAAQ,GAAA,IAAA,CAAA;AAAA,OAC/B;AAAA,KACF,CAAA;AACA,IAAAA,SAAA;AAAA,MACE,MAAM,KAAM,CAAA,IAAA;AAAA,MACZ,CAAW,OAAA,KAAA;AACT,QAAS,QAAA,CAAA,KAAA,GAAQ,CAAC,GAAG,OAAO,CAAA,CAAA;AAAA,OAC9B;AAAA,MACA;AAAA,QACE,SAAW,EAAA,IAAA;AAAA,OACb;AAAA,KACF,CAAA;AACA,IAAAA,SAAA,CAAM,iBAAiB,MAAM;AAC3B,MAAS,QAAA,CAAA,KAAA,GAAQ,MAAM,IAAK,CAAA,MAAA;AAAA,QAC1B,SAAO,CAAC,GAAA,CAAI,UAAY,CAAA,OAAA,CAAQ,gBAAgB,KAAK,CAAA;AAAA,OACvD,CAAA;AAAA,KACD,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
declare const _default: import("vue").DefineComponent<{
|
|
2
|
+
readonly value: {
|
|
3
|
+
readonly type: import("vue").PropType<string>;
|
|
4
|
+
readonly required: false;
|
|
5
|
+
readonly validator: ((val: unknown) => boolean) | undefined;
|
|
6
|
+
__epPropKey: true;
|
|
7
|
+
};
|
|
8
|
+
}, {
|
|
9
|
+
props: import("@vue/shared").LooseRequired<{
|
|
10
|
+
readonly value?: string | undefined;
|
|
11
|
+
readonly onHandleModalVisible?: ((bool: boolean) => any) | undefined;
|
|
12
|
+
} & {}>;
|
|
13
|
+
emits: (event: "handleModalVisible", bool: boolean) => void;
|
|
14
|
+
attrs: {
|
|
15
|
+
[x: string]: unknown;
|
|
16
|
+
};
|
|
17
|
+
handleCloseModalVisible: () => void;
|
|
18
|
+
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
19
|
+
handleModalVisible: (bool: boolean) => boolean;
|
|
20
|
+
}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
21
|
+
readonly value: {
|
|
22
|
+
readonly type: import("vue").PropType<string>;
|
|
23
|
+
readonly required: false;
|
|
24
|
+
readonly validator: ((val: unknown) => boolean) | undefined;
|
|
25
|
+
__epPropKey: true;
|
|
26
|
+
};
|
|
27
|
+
}>> & {
|
|
28
|
+
onHandleModalVisible?: ((bool: boolean) => any) | undefined;
|
|
29
|
+
}, {}, {}>;
|
|
30
|
+
export default _default;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var search_vue_vue_type_script_setup_true_lang = require('./search.vue2.js');
|
|
6
|
+
var _pluginVue_exportHelper = require('../../../../_virtual/_plugin-vue_export-helper.js');
|
|
7
|
+
|
|
8
|
+
"use strict";
|
|
9
|
+
var search = /* @__PURE__ */ _pluginVue_exportHelper.default(search_vue_vue_type_script_setup_true_lang.default, [["__file", "search.vue"]]);
|
|
10
|
+
|
|
11
|
+
exports.default = search;
|
|
12
|
+
//# sourceMappingURL=search.vue.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"search.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}
|