ll-plus 2.7.27 → 2.7.28
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/input/index.d.ts +5 -14
- package/es/components/input/src/input.d.ts +1 -6
- package/es/components/input/src/input.vue.d.ts +5 -14
- package/es/packages/components/icon-picker/src/components/modal.vue2.mjs +2 -1
- package/es/packages/components/icon-picker/src/components/modal.vue2.mjs.map +1 -1
- package/es/packages/components/input/src/input.mjs +2 -1
- package/es/packages/components/input/src/input.mjs.map +1 -1
- package/index.full.js +4 -2
- package/index.full.min.js +1 -1
- package/index.full.min.js.map +1 -1
- package/index.full.min.mjs +1 -1
- package/index.full.min.mjs.map +1 -1
- package/index.full.mjs +4 -2
- package/lib/components/input/index.d.ts +5 -14
- package/lib/components/input/src/input.d.ts +1 -6
- package/lib/components/input/src/input.vue.d.ts +5 -14
- package/lib/packages/components/icon-picker/src/components/modal.vue2.js +2 -1
- package/lib/packages/components/icon-picker/src/components/modal.vue2.js.map +1 -1
- package/lib/packages/components/input/src/input.js +2 -1
- package/lib/packages/components/input/src/input.js.map +1 -1
- package/package.json +1 -1
- package/types/packages/components/input/index.d.ts +5 -14
- package/types/packages/components/input/src/input.d.ts +1 -6
- package/types/packages/components/input/src/input.vue.d.ts +5 -14
|
@@ -1,11 +1,6 @@
|
|
|
1
1
|
import Input from './src/input.vue';
|
|
2
2
|
export declare const LlInput: import("ll-plus/es/utils").SFCWithInstall<import("vue").DefineComponent<{
|
|
3
|
-
readonly defaultValue:
|
|
4
|
-
readonly type: import("vue").PropType<import("ll-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number | undefined) | ((new (...args: any[]) => string | number) | (() => string | number | undefined))[], unknown, unknown>>;
|
|
5
|
-
readonly required: false;
|
|
6
|
-
readonly validator: ((val: unknown) => boolean) | undefined;
|
|
7
|
-
__epPropKey: true;
|
|
8
|
-
};
|
|
3
|
+
readonly defaultValue: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => string | number) | (() => string | number | undefined) | ((new (...args: any[]) => string | number) | (() => string | number | undefined))[], unknown, unknown, "", boolean>;
|
|
9
4
|
readonly value: {
|
|
10
5
|
readonly type: import("vue").PropType<import("ll-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number | undefined) | ((new (...args: any[]) => string | number) | (() => string | number | undefined))[], unknown, unknown>>;
|
|
11
6
|
readonly required: false;
|
|
@@ -45,9 +40,9 @@ export declare const LlInput: import("ll-plus/es/utils").SFCWithInstall<import("
|
|
|
45
40
|
};
|
|
46
41
|
props: import("@vue/shared").LooseRequired<{
|
|
47
42
|
readonly disabled: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
43
|
+
readonly defaultValue: import("ll-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number | undefined) | ((new (...args: any[]) => string | number) | (() => string | number | undefined))[], unknown, unknown>;
|
|
48
44
|
readonly allowClear: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
49
45
|
readonly value?: import("ll-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number | undefined) | ((new (...args: any[]) => string | number) | (() => string | number | undefined))[], unknown, unknown>;
|
|
50
|
-
readonly defaultValue?: import("ll-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number | undefined) | ((new (...args: any[]) => string | number) | (() => string | number | undefined))[], unknown, unknown>;
|
|
51
46
|
readonly suffixIcon?: string | undefined;
|
|
52
47
|
readonly prefixIcon?: string | undefined;
|
|
53
48
|
readonly showPassword?: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown> | undefined;
|
|
@@ -1327,9 +1322,9 @@ export declare const LlInput: import("ll-plus/es/utils").SFCWithInstall<import("
|
|
|
1327
1322
|
computedAttrs: import("vue").ComputedRef<{
|
|
1328
1323
|
props: import("@vue/shared").LooseRequired<{
|
|
1329
1324
|
readonly disabled: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
1325
|
+
readonly defaultValue: import("ll-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number | undefined) | ((new (...args: any[]) => string | number) | (() => string | number | undefined))[], unknown, unknown>;
|
|
1330
1326
|
readonly allowClear: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
1331
1327
|
readonly value?: import("ll-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number | undefined) | ((new (...args: any[]) => string | number) | (() => string | number | undefined))[], unknown, unknown>;
|
|
1332
|
-
readonly defaultValue?: import("ll-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number | undefined) | ((new (...args: any[]) => string | number) | (() => string | number | undefined))[], unknown, unknown>;
|
|
1333
1328
|
readonly suffixIcon?: string | undefined;
|
|
1334
1329
|
readonly prefixIcon?: string | undefined;
|
|
1335
1330
|
readonly showPassword?: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown> | undefined;
|
|
@@ -1341,12 +1336,7 @@ export declare const LlInput: import("ll-plus/es/utils").SFCWithInstall<import("
|
|
|
1341
1336
|
focus: () => void;
|
|
1342
1337
|
select: () => void;
|
|
1343
1338
|
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clear" | "change" | "update:value")[], "clear" | "change" | "update:value", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
1344
|
-
readonly defaultValue:
|
|
1345
|
-
readonly type: import("vue").PropType<import("ll-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number | undefined) | ((new (...args: any[]) => string | number) | (() => string | number | undefined))[], unknown, unknown>>;
|
|
1346
|
-
readonly required: false;
|
|
1347
|
-
readonly validator: ((val: unknown) => boolean) | undefined;
|
|
1348
|
-
__epPropKey: true;
|
|
1349
|
-
};
|
|
1339
|
+
readonly defaultValue: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => string | number) | (() => string | number | undefined) | ((new (...args: any[]) => string | number) | (() => string | number | undefined))[], unknown, unknown, "", boolean>;
|
|
1350
1340
|
readonly value: {
|
|
1351
1341
|
readonly type: import("vue").PropType<import("ll-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number | undefined) | ((new (...args: any[]) => string | number) | (() => string | number | undefined))[], unknown, unknown>>;
|
|
1352
1342
|
readonly required: false;
|
|
@@ -1379,6 +1369,7 @@ export declare const LlInput: import("ll-plus/es/utils").SFCWithInstall<import("
|
|
|
1379
1369
|
onClear?: ((...args: any[]) => any) | undefined;
|
|
1380
1370
|
}, {
|
|
1381
1371
|
readonly disabled: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
1372
|
+
readonly defaultValue: import("ll-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number | undefined) | ((new (...args: any[]) => string | number) | (() => string | number | undefined))[], unknown, unknown>;
|
|
1382
1373
|
readonly allowClear: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
1383
1374
|
}, {}>>;
|
|
1384
1375
|
export default LlInput;
|
|
@@ -2,12 +2,7 @@ import type { ExtractPropTypes } from 'vue';
|
|
|
2
2
|
import type { InputProps as AntInputProps } from 'ant-design-vue';
|
|
3
3
|
import type Input from './input.vue';
|
|
4
4
|
export declare const inputProps: {
|
|
5
|
-
readonly defaultValue:
|
|
6
|
-
readonly type: import("vue").PropType<import("ll-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number | undefined) | ((new (...args: any[]) => string | number) | (() => string | number | undefined))[], unknown, unknown>>;
|
|
7
|
-
readonly required: false;
|
|
8
|
-
readonly validator: ((val: unknown) => boolean) | undefined;
|
|
9
|
-
__epPropKey: true;
|
|
10
|
-
};
|
|
5
|
+
readonly defaultValue: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => string | number) | (() => string | number | undefined) | ((new (...args: any[]) => string | number) | (() => string | number | undefined))[], unknown, unknown, "", boolean>;
|
|
11
6
|
readonly value: {
|
|
12
7
|
readonly type: import("vue").PropType<import("ll-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number | undefined) | ((new (...args: any[]) => string | number) | (() => string | number | undefined))[], unknown, unknown>>;
|
|
13
8
|
readonly required: false;
|
|
@@ -1,10 +1,5 @@
|
|
|
1
1
|
declare const _default: import("vue").DefineComponent<{
|
|
2
|
-
readonly defaultValue:
|
|
3
|
-
readonly type: import("vue").PropType<import("ll-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number | undefined) | ((new (...args: any[]) => string | number) | (() => string | number | undefined))[], unknown, unknown>>;
|
|
4
|
-
readonly required: false;
|
|
5
|
-
readonly validator: ((val: unknown) => boolean) | undefined;
|
|
6
|
-
__epPropKey: true;
|
|
7
|
-
};
|
|
2
|
+
readonly defaultValue: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => string | number) | (() => string | number | undefined) | ((new (...args: any[]) => string | number) | (() => string | number | undefined))[], unknown, unknown, "", boolean>;
|
|
8
3
|
readonly value: {
|
|
9
4
|
readonly type: import("vue").PropType<import("ll-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number | undefined) | ((new (...args: any[]) => string | number) | (() => string | number | undefined))[], unknown, unknown>>;
|
|
10
5
|
readonly required: false;
|
|
@@ -44,9 +39,9 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
44
39
|
};
|
|
45
40
|
props: import("@vue/shared").LooseRequired<{
|
|
46
41
|
readonly disabled: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
42
|
+
readonly defaultValue: import("ll-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number | undefined) | ((new (...args: any[]) => string | number) | (() => string | number | undefined))[], unknown, unknown>;
|
|
47
43
|
readonly allowClear: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
48
44
|
readonly value?: import("ll-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number | undefined) | ((new (...args: any[]) => string | number) | (() => string | number | undefined))[], unknown, unknown>;
|
|
49
|
-
readonly defaultValue?: import("ll-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number | undefined) | ((new (...args: any[]) => string | number) | (() => string | number | undefined))[], unknown, unknown>;
|
|
50
45
|
readonly suffixIcon?: string | undefined;
|
|
51
46
|
readonly prefixIcon?: string | undefined;
|
|
52
47
|
readonly showPassword?: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown> | undefined;
|
|
@@ -1326,9 +1321,9 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
1326
1321
|
computedAttrs: import("vue").ComputedRef<{
|
|
1327
1322
|
props: import("@vue/shared").LooseRequired<{
|
|
1328
1323
|
readonly disabled: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
1324
|
+
readonly defaultValue: import("ll-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number | undefined) | ((new (...args: any[]) => string | number) | (() => string | number | undefined))[], unknown, unknown>;
|
|
1329
1325
|
readonly allowClear: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
1330
1326
|
readonly value?: import("ll-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number | undefined) | ((new (...args: any[]) => string | number) | (() => string | number | undefined))[], unknown, unknown>;
|
|
1331
|
-
readonly defaultValue?: import("ll-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number | undefined) | ((new (...args: any[]) => string | number) | (() => string | number | undefined))[], unknown, unknown>;
|
|
1332
1327
|
readonly suffixIcon?: string | undefined;
|
|
1333
1328
|
readonly prefixIcon?: string | undefined;
|
|
1334
1329
|
readonly showPassword?: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown> | undefined;
|
|
@@ -1340,12 +1335,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
1340
1335
|
focus: () => void;
|
|
1341
1336
|
select: () => void;
|
|
1342
1337
|
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clear" | "change" | "update:value")[], "clear" | "change" | "update:value", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
1343
|
-
readonly defaultValue:
|
|
1344
|
-
readonly type: import("vue").PropType<import("ll-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number | undefined) | ((new (...args: any[]) => string | number) | (() => string | number | undefined))[], unknown, unknown>>;
|
|
1345
|
-
readonly required: false;
|
|
1346
|
-
readonly validator: ((val: unknown) => boolean) | undefined;
|
|
1347
|
-
__epPropKey: true;
|
|
1348
|
-
};
|
|
1338
|
+
readonly defaultValue: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => string | number) | (() => string | number | undefined) | ((new (...args: any[]) => string | number) | (() => string | number | undefined))[], unknown, unknown, "", boolean>;
|
|
1349
1339
|
readonly value: {
|
|
1350
1340
|
readonly type: import("vue").PropType<import("ll-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number | undefined) | ((new (...args: any[]) => string | number) | (() => string | number | undefined))[], unknown, unknown>>;
|
|
1351
1341
|
readonly required: false;
|
|
@@ -1378,6 +1368,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
1378
1368
|
onClear?: ((...args: any[]) => any) | undefined;
|
|
1379
1369
|
}, {
|
|
1380
1370
|
readonly disabled: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
1371
|
+
readonly defaultValue: import("ll-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number | undefined) | ((new (...args: any[]) => string | number) | (() => string | number | undefined))[], unknown, unknown>;
|
|
1381
1372
|
readonly allowClear: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
1382
1373
|
}, {}>;
|
|
1383
1374
|
export default _default;
|
|
@@ -36,8 +36,9 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
36
36
|
(newVisible) => {
|
|
37
37
|
if (newVisible)
|
|
38
38
|
searchIconValue.value = "";
|
|
39
|
-
if (newVisible && props.value)
|
|
39
|
+
if (newVisible && props.value) {
|
|
40
40
|
selectIcon.value = props.value;
|
|
41
|
+
}
|
|
41
42
|
},
|
|
42
43
|
{
|
|
43
44
|
immediate: true
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"modal.vue2.mjs","sources":["../../../../../../../packages/components/icon-picker/src/components/modal.vue"],"sourcesContent":["<template>\n <ll-new-modal\n :open=\"visible\"\n :title=\"'图标选择'\"\n :class=\"`icon-picker-modal-wrapper ${bem.b()}`\"\n width=\"766px\"\n :keyboard=\"false\"\n :mask-closable=\"false\"\n :is-show-footer-shadow=\"isShowContentBottomBox\"\n footer-shadow-placement=\"outer\"\n @ok=\"handleOk\"\n @cancel=\"handleCancel\"\n >\n <div :class=\"bem.e('modal-content')\">\n <div :class=\"bem.e('input-container')\">\n <a-form-item name=\"h\">\n <ll-input\n v-model:value=\"searchIconValue\"\n :class=\"bem.e('input')\"\n placeholder=\"搜索...\"\n >\n <template #prefix>\n <ll-icon icon-name=\"icon-search\" />\n </template>\n </ll-input>\n </a-form-item>\n </div>\n <div ref=\"scrollRef\" :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=\"default\"\n :class=\"[\n bem.e('button'),\n selectIcon === item.font_class ? bem.is('active') : ''\n ]\"\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-new-modal>\n</template>\n<script lang=\"ts\" setup>\nimport { computed, ref, watch, watchEffect } from 'vue'\n\nimport { createNamespace } from '@ll-plus/utils'\nimport { iconPickerModalProps, iconPickerModalEmits } from '../config'\n\nimport type { IconPickerItem } from '../config'\nimport { useScroll } from '@ll-plus/hooks'\n\ndefineOptions({\n name: 'LlIconPickerModal'\n})\n\nconst props = defineProps(iconPickerModalProps)\nconst emits = defineEmits(iconPickerModalEmits)\n\nconst { scrollPosition, isHasScrollBar, scrollRef } = useScroll()\n\nconst searchIconValue = ref('')\nconst selectIcon = ref('')\nconst iconList = ref<IconPickerItem[]>([])\nconst bem = createNamespace('icon-picker-modal')\n\n// 是否显示内容区域底部的阴影div\nconst isShowContentBottomBox = computed(() => {\n return isHasScrollBar.value && scrollPosition.value !== 'bottom'\n})\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\nwatch(\n () => props.visible,\n newVisible => {\n // 清空查询值\n if (newVisible) searchIconValue.value = ''\n\n if (newVisible && props.value) selectIcon.value = props.value\n },\n {\n immediate: true\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\n// 滚动条回到顶部\nwatchEffect(() => {\n if (props.visible) {\n // 头部有步骤条回到顶部\n if (isHasScrollBar && scrollRef.value && !scrollRef.value.scrollTop) {\n scrollRef.value.scrollTop = 0\n scrollPosition.value = 'top'\n }\n }\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAgEA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAA,MAAM,KAAQ,GAAA,MAAA,CAAA;AAEd,IAAA,MAAM,EAAE,cAAA,EAAgB,cAAgB,EAAA,SAAA,KAAc,SAAU,EAAA,CAAA;AAEhE,IAAM,MAAA,eAAA,GAAkB,IAAI,EAAE,CAAA,CAAA;AAC9B,IAAM,MAAA,UAAA,GAAa,IAAI,EAAE,CAAA,CAAA;AACzB,IAAM,MAAA,QAAA,GAAW,GAAsB,CAAA,EAAE,CAAA,CAAA;AACzC,IAAM,MAAA,GAAA,GAAM,gBAAgB,mBAAmB,CAAA,CAAA;AAG/C,IAAM,MAAA,sBAAA,GAAyB,SAAS,MAAM;AAC5C,MAAO,OAAA,cAAA,CAAe,KAAS,IAAA,cAAA,CAAe,KAAU,KAAA,QAAA,CAAA;AAAA,KACzD,CAAA,CAAA;AAED,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;AAE5B,IAAA,KAAA;AAAA,MACE,MAAM,KAAM,CAAA,OAAA;AAAA,MACZ,CAAc,UAAA,KAAA;AAEZ,QAAI,IAAA,UAAA;AAAY,UAAA,eAAA,CAAgB,KAAQ,GAAA,EAAA,CAAA;AAExC,
|
|
1
|
+
{"version":3,"file":"modal.vue2.mjs","sources":["../../../../../../../packages/components/icon-picker/src/components/modal.vue"],"sourcesContent":["<template>\n <ll-new-modal\n :open=\"visible\"\n :title=\"'图标选择'\"\n :class=\"`icon-picker-modal-wrapper ${bem.b()}`\"\n width=\"766px\"\n :keyboard=\"false\"\n :mask-closable=\"false\"\n :is-show-footer-shadow=\"isShowContentBottomBox\"\n footer-shadow-placement=\"outer\"\n @ok=\"handleOk\"\n @cancel=\"handleCancel\"\n >\n <div :class=\"bem.e('modal-content')\">\n <div :class=\"bem.e('input-container')\">\n <a-form-item name=\"h\">\n <ll-input\n v-model:value=\"searchIconValue\"\n :class=\"bem.e('input')\"\n placeholder=\"搜索...\"\n >\n <template #prefix>\n <ll-icon icon-name=\"icon-search\" />\n </template>\n </ll-input>\n </a-form-item>\n </div>\n <div ref=\"scrollRef\" :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=\"default\"\n :class=\"[\n bem.e('button'),\n selectIcon === item.font_class ? bem.is('active') : ''\n ]\"\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-new-modal>\n</template>\n<script lang=\"ts\" setup>\nimport { computed, ref, watch, watchEffect } from 'vue'\n\nimport { createNamespace } from '@ll-plus/utils'\nimport { iconPickerModalProps, iconPickerModalEmits } from '../config'\n\nimport type { IconPickerItem } from '../config'\nimport { useScroll } from '@ll-plus/hooks'\n\ndefineOptions({\n name: 'LlIconPickerModal'\n})\n\nconst props = defineProps(iconPickerModalProps)\nconst emits = defineEmits(iconPickerModalEmits)\n\nconst { scrollPosition, isHasScrollBar, scrollRef } = useScroll()\n\nconst searchIconValue = ref('')\nconst selectIcon = ref('')\nconst iconList = ref<IconPickerItem[]>([])\nconst bem = createNamespace('icon-picker-modal')\n\n// 是否显示内容区域底部的阴影div\nconst isShowContentBottomBox = computed(() => {\n return isHasScrollBar.value && scrollPosition.value !== 'bottom'\n})\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\nwatch(\n () => props.visible,\n newVisible => {\n // 清空查询值\n if (newVisible) searchIconValue.value = ''\n\n if (newVisible && props.value) {\n selectIcon.value = props.value\n }\n },\n {\n immediate: true\n }\n)\nwatch(\n () => props.data,\n newData => {\n iconList.value = [...newData]\n },\n {\n immediate: true\n }\n)\n\nwatch(searchIconValue, () => {\n iconList.value = props.data.filter(\n ele => ~ele.font_class!.indexOf(searchIconValue.value)\n )\n})\n\n// 滚动条回到顶部\nwatchEffect(() => {\n if (props.visible) {\n // 头部有步骤条回到顶部\n if (isHasScrollBar && scrollRef.value && !scrollRef.value.scrollTop) {\n scrollRef.value.scrollTop = 0\n scrollPosition.value = 'top'\n }\n }\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAgEA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAA,MAAM,KAAQ,GAAA,MAAA,CAAA;AAEd,IAAA,MAAM,EAAE,cAAA,EAAgB,cAAgB,EAAA,SAAA,KAAc,SAAU,EAAA,CAAA;AAEhE,IAAM,MAAA,eAAA,GAAkB,IAAI,EAAE,CAAA,CAAA;AAC9B,IAAM,MAAA,UAAA,GAAa,IAAI,EAAE,CAAA,CAAA;AACzB,IAAM,MAAA,QAAA,GAAW,GAAsB,CAAA,EAAE,CAAA,CAAA;AACzC,IAAM,MAAA,GAAA,GAAM,gBAAgB,mBAAmB,CAAA,CAAA;AAG/C,IAAM,MAAA,sBAAA,GAAyB,SAAS,MAAM;AAC5C,MAAO,OAAA,cAAA,CAAe,KAAS,IAAA,cAAA,CAAe,KAAU,KAAA,QAAA,CAAA;AAAA,KACzD,CAAA,CAAA;AAED,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;AAE5B,IAAA,KAAA;AAAA,MACE,MAAM,KAAM,CAAA,OAAA;AAAA,MACZ,CAAc,UAAA,KAAA;AAEZ,QAAI,IAAA,UAAA;AAAY,UAAA,eAAA,CAAgB,KAAQ,GAAA,EAAA,CAAA;AAExC,QAAI,IAAA,UAAA,IAAc,MAAM,KAAO,EAAA;AAC7B,UAAA,UAAA,CAAW,QAAQ,KAAM,CAAA,KAAA,CAAA;AAAA,SAC3B;AAAA,OACF;AAAA,MACA;AAAA,QACE,SAAW,EAAA,IAAA;AAAA,OACb;AAAA,KACF,CAAA;AACA,IAAA,KAAA;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;AAEA,IAAA,KAAA,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;AAGD,IAAA,WAAA,CAAY,MAAM;AAChB,MAAA,IAAI,MAAM,OAAS,EAAA;AAEjB,QAAA,IAAI,kBAAkB,SAAU,CAAA,KAAA,IAAS,CAAC,SAAA,CAAU,MAAM,SAAW,EAAA;AACnE,UAAA,SAAA,CAAU,MAAM,SAAY,GAAA,CAAA,CAAA;AAC5B,UAAA,cAAA,CAAe,KAAQ,GAAA,KAAA,CAAA;AAAA,SACzB;AAAA,OACF;AAAA,KACD,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"input.mjs","sources":["../../../../../../packages/components/input/src/input.ts"],"sourcesContent":["import { buildProps, definePropType } from '@ll-plus/utils'\n\nimport type { ExtractPropTypes } from 'vue'\nimport type { InputProps as AntInputProps } from 'ant-design-vue'\nimport type Input from './input.vue'\n\nexport const inputProps = buildProps({\n /**\n * @description input的defaultValue\n */\n defaultValue: {\n type: definePropType<AntInputProps['defaultValue']>(String)\n },\n /**\n * @description input的value\n */\n value: {\n type: definePropType<AntInputProps['value']>(String)\n },\n /**\n * @description 带有前缀图标的 input\n */\n prefixIcon: {\n type: String\n },\n /**\n * @description 带有后缀图标的 input\n */\n suffixIcon: {\n type: String\n },\n /**\n * @description 是否显示密码框\n */\n showPassword: {\n type: Boolean\n },\n /**\n * @description 是否点击清除图标删除内容\n */\n allowClear: {\n type: Boolean,\n default: true\n },\n /**\n * @description 是否禁用状态,默认为 false\n */\n disabled: {\n type: Boolean,\n default: false\n }\n} as const)\n\n// props\nexport type InputProps = ExtractPropTypes<typeof inputProps> // ExtractPropTypes和defineCpmponent类似\nexport type InputValue = AntInputProps['value']\n\n// instance\nexport type InputInstance = InstanceType<typeof Input>\n"],"names":[],"mappings":";;;;AAMO,MAAM,aAAa,UAAW,CAAA;AAAA;AAAA;AAAA;AAAA,EAInC,YAAc,EAAA;AAAA,IACZ,IAAA,EAAM,eAA8C,MAAM,CAAA;AAAA,
|
|
1
|
+
{"version":3,"file":"input.mjs","sources":["../../../../../../packages/components/input/src/input.ts"],"sourcesContent":["import { buildProps, definePropType } from '@ll-plus/utils'\n\nimport type { ExtractPropTypes } from 'vue'\nimport type { InputProps as AntInputProps } from 'ant-design-vue'\nimport type Input from './input.vue'\n\nexport const inputProps = buildProps({\n /**\n * @description input的defaultValue\n */\n defaultValue: {\n type: definePropType<AntInputProps['defaultValue']>(String),\n default: ''\n },\n /**\n * @description input的value\n */\n value: {\n type: definePropType<AntInputProps['value']>(String)\n },\n /**\n * @description 带有前缀图标的 input\n */\n prefixIcon: {\n type: String\n },\n /**\n * @description 带有后缀图标的 input\n */\n suffixIcon: {\n type: String\n },\n /**\n * @description 是否显示密码框\n */\n showPassword: {\n type: Boolean\n },\n /**\n * @description 是否点击清除图标删除内容\n */\n allowClear: {\n type: Boolean,\n default: true\n },\n /**\n * @description 是否禁用状态,默认为 false\n */\n disabled: {\n type: Boolean,\n default: false\n }\n} as const)\n\n// props\nexport type InputProps = ExtractPropTypes<typeof inputProps> // ExtractPropTypes和defineCpmponent类似\nexport type InputValue = AntInputProps['value']\n\n// instance\nexport type InputInstance = InstanceType<typeof Input>\n"],"names":[],"mappings":";;;;AAMO,MAAM,aAAa,UAAW,CAAA;AAAA;AAAA;AAAA;AAAA,EAInC,YAAc,EAAA;AAAA,IACZ,IAAA,EAAM,eAA8C,MAAM,CAAA;AAAA,IAC1D,OAAS,EAAA,EAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,KAAO,EAAA;AAAA,IACL,IAAA,EAAM,eAAuC,MAAM,CAAA;AAAA,GACrD;AAAA;AAAA;AAAA;AAAA,EAIA,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,MAAA;AAAA,GACR;AAAA;AAAA;AAAA;AAAA,EAIA,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,MAAA;AAAA,GACR;AAAA;AAAA;AAAA;AAAA,EAIA,YAAc,EAAA;AAAA,IACZ,IAAM,EAAA,OAAA;AAAA,GACR;AAAA;AAAA;AAAA;AAAA,EAIA,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AACF,CAAU;;;;"}
|
package/index.full.js
CHANGED
|
@@ -64133,8 +64133,9 @@
|
|
|
64133
64133
|
(newVisible) => {
|
|
64134
64134
|
if (newVisible)
|
|
64135
64135
|
searchIconValue.value = "";
|
|
64136
|
-
if (newVisible && props.value)
|
|
64136
|
+
if (newVisible && props.value) {
|
|
64137
64137
|
selectIcon.value = props.value;
|
|
64138
|
+
}
|
|
64138
64139
|
},
|
|
64139
64140
|
{
|
|
64140
64141
|
immediate: true
|
|
@@ -64486,7 +64487,8 @@
|
|
|
64486
64487
|
* @description input的defaultValue
|
|
64487
64488
|
*/
|
|
64488
64489
|
defaultValue: {
|
|
64489
|
-
type: definePropType(String)
|
|
64490
|
+
type: definePropType(String),
|
|
64491
|
+
default: ""
|
|
64490
64492
|
},
|
|
64491
64493
|
/**
|
|
64492
64494
|
* @description input的value
|