npm - ll-plus - Versions diffs - 2.1.12 → 2.1.13 - Mend

ll-plus 2.1.12 → 2.1.13

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.

Files changed (28) hide show

package/es/components/icon-picker/index.d.ts CHANGED Viewed

@@ -88,7 +88,7 @@ export declare const LlIconPicker: import("ll-plus/es/utils").SFCWithInstall<imp
             name?: string | undefined;
             font_class?: string | undefined;
             unicode?: string | undefined;
-            unicode_decimal?: string | undefined;
+            unicode_decimal?: number | undefined;
         }[]>;
         bem: {
             b: (blockSuffix?: string) => string;

package/es/components/icon-picker/src/components/modal.vue.d.ts CHANGED Viewed

@@ -29,7 +29,7 @@ declare const _default: import("vue").DefineComponent<{
         name?: string | undefined;
         font_class?: string | undefined;
         unicode?: string | undefined;
-        unicode_decimal?: string | undefined;
+        unicode_decimal?: number | undefined;
     }[]>;
     bem: {
         b: (blockSuffix?: string) => string;

package/es/components/icon-picker/src/config/icon-picker.d.ts CHANGED Viewed

@@ -5,7 +5,7 @@ export interface IconPickerItem {
     name?: string;
     font_class?: string;
     unicode?: string;
-    unicode_decimal?: string;
+    unicode_decimal?: number;
 }
 export declare const iconPickerProps: {
     readonly value: {

package/es/components/icon-picker/src/config/icon-picker.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"icon-picker.mjs","sources":["../../../../../../packages/components/icon-picker/src/config/icon-picker.ts"],"sourcesContent":["import { buildProps, definePropType } from '@ll-plus/utils'\n\nimport type { ExtractPropTypes } from 'vue'\nimport type IconPicker from '../icon-picker.vue'\n\nexport interface IconPickerItem {\n icon_id?: string\n name?: string\n font_class?: string\n unicode?: string\n unicode_decimal?: ~~string~~\n}\n\nexport const iconPickerProps = buildProps({\n // buildProps和defineprops一样\n /*\n @description 选中的icon\n /\n value: {\n type: String\n },\n /\n @description 模态框的icon列表\n */\n iconList: {\n type: definePropType<IconPickerItem[]>(Array),\n default: () => []\n }\n} as const)\n\n// props\nexport type IconPickerProps = ExtractPropTypes<typeof iconPickerProps> // ExtractPropTypes和defineCpmponent类似\n\n// instance\nexport type IconPickerInstance = InstanceType<typeof IconPicker>\n"],"names":[],"mappings":";;;;AAaO,MAAM,kBAAkB,UAAW,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAKxC,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,MAAA;AAAA,GACR;AAAA;AAAA;AAAA;AAAA,EAIA,QAAU,EAAA;AAAA,IACR,IAAA,EAAM,eAAiC,KAAK,CAAA;AAAA,IAC5C,OAAA,EAAS,MAAM,EAAC;AAAA,GAClB;AACF,CAAU;;;;"}
1	+ {"version":3,"file":"icon-picker.mjs","sources":["../../../../../../packages/components/icon-picker/src/config/icon-picker.ts"],"sourcesContent":["import { buildProps, definePropType } from '@ll-plus/utils'\n\nimport type { ExtractPropTypes } from 'vue'\nimport type IconPicker from '../icon-picker.vue'\n\nexport interface IconPickerItem {\n icon_id?: string\n name?: string\n font_class?: string\n unicode?: string\n unicode_decimal?: number\n}\n\nexport const iconPickerProps = buildProps({\n // buildProps和defineprops一样\n /*\n @description 选中的icon\n /\n value: {\n type: String\n },\n /\n @description 模态框的icon列表\n */\n iconList: {\n type: definePropType<IconPickerItem[]>(Array),\n default: () => []\n }\n} as const)\n\n// props\nexport type IconPickerProps = ExtractPropTypes<typeof iconPickerProps> // ExtractPropTypes和defineCpmponent类似\n\n// instance\nexport type IconPickerInstance = InstanceType<typeof IconPicker>\n"],"names":[],"mappings":";;;;AAaO,MAAM,kBAAkB,UAAW,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAKxC,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,MAAA;AAAA,GACR;AAAA;AAAA;AAAA;AAAA,EAIA,QAAU,EAAA;AAAA,IACR,IAAA,EAAM,eAAiC,KAAK,CAAA;AAAA,IAC5C,OAAA,EAAS,MAAM,EAAC;AAAA,GAClB;AACF,CAAU;;;;"}

package/es/components/icon-picker/src/icon-picker.vue.d.ts CHANGED Viewed

@@ -87,7 +87,7 @@ declare const _default: import("vue").DefineComponent<{
             name?: string | undefined;
             font_class?: string | undefined;
             unicode?: string | undefined;
-            unicode_decimal?: string | undefined;
+            unicode_decimal?: number | undefined;
         }[]>;
         bem: {
             b: (blockSuffix?: string) => string;

package/es/components/tag-group/src/tag-group.vue2.mjs CHANGED Viewed

@@ -41,9 +41,11 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     };
     const getWidth = () => {
       nextTick(() => {
-        if (tagsTypeRef.value) {
-          tagsTypeWidth.value = tagsTypeRef.value.offsetWidth - 90;
-        }
+        setTimeout(() => {
+          if (tagsTypeRef.value) {
+            tagsTypeWidth.value = tagsTypeRef.value.offsetWidth - 90;
+          }
+        }, 0);
       });
     };
     const handleEnter = () => {

package/es/components/tag-group/src/tag-group.vue2.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"tag-group.vue2.mjs","sources":["../../../../../packages/components/tag-group/src/tag-group.vue"],"sourcesContent":["<template>\n <a-spin :spinning=\"loading\">\n <div ref=\"tagsTypeRef\" :class=\"bem.b()\">\n <div :class=\"bem.e('tag-container')\">\n <template v-for=\"(item, i) in value\" :key=\"i\">\n <div\n :ref=\"getTagRefs(i)\"\n :class=\"[\n bem.m('item'),\n !shownArr.includes(item) ? bem.is('hidden') : ''\n ]\"\n >\n <div :class=\"bem.m('text')\">\n {{ item }}\n </div>\n <span :class=\"bem.m('close')\" @click=\"handleDel(i)\">\n <ll-icon\n icon-name=\"icon-close2\"\n :color=\"'#909399'\"\n :class-name=\"bem.m('close-icon')\"\n />\n </span>\n </div>\n </template>\n </div>\n\n <div :class=\"bem.e('add-container')\">\n <div v-if=\"more > 0\" :class=\"bem.m('more')\">+{{ more }}</div>\n <Popover\n v-model:visible=\"visible\"\n :overlay-class-name=\"bem.e('popover')\"\n arrow-point-at-center\n trigger=\"click\"\n placement=\"bottom\"\n >\n <template #content>\n <LlInput\n v-model:value=\"inputValue\"\n placeholder=\"输入后回车新建\"\n :prefix-icon=\"`icon-search`\"\n :style=\"{ width: '300px', paddingLeft: '18px' }\"\n @press-enter.prevent=\"handleEnter\"\n />\n <ul\n v-if=\"filterOptionsValue.length > 0\"\n :class=\"bem.m('select-box')\"\n >\n <li\n v-for=\"(item, i) in filterOptionsValue\"\n :key=\"i\"\n :class=\"bem.m('select-item')\"\n @click=\"handleClickFilter(item)\"\n >\n <span :class=\"bem.m('select-text')\">\n {{ item }}\n </span>\n <ll-icon\n v-if=\"value.indexOf(item) >= 0\"\n icon-name=\"icon-check\"\n :class=\"bem.m('select-check')\"\n color=\"#1890FF\"\n />\n </li>\n </ul>\n </template>\n <div\n ref=\"btnRef\"\n :class=\"[\n mouseMove \|\| visible ? bem.is('active') : '',\n bem.m('add-item')\n ]\"\n @mouseover=\"mouseMove = true\"\n @mouseleave=\"mouseMove = false\"\n >\n <ll-icon\n icon-name=\"icon-add\"\n :color=\"'#666'\"\n :class-name=\"bem.m('add-icon')\"\n />\n </div>\n </Popover>\n </div>\n </div>\n </a-spin>\n</template>\n\n<script setup lang=\"ts\">\nimport { Form } from 'ant-design-vue'\nimport {\n ref,\n reactive,\n nextTick,\n onMounted,\n toRef,\n watch,\n onUnmounted\n} from 'vue'\nimport { Popover } from 'ant-design-vue'\nimport { createNamespace } from '@ll-plus/utils'\nimport { tagGroupProps, tagGroupEmits } from './tag-group'\nimport type { Ref } from 'vue'\ndefineOptions({ name: 'LlTagGroup' })\n\nconst props = defineProps(tagGroupProps)\nconst emits = defineEmits(tagGroupEmits)\nconst bem = createNamespace('tag-group')\nconst formItemContext = Form.useInjectFormItemContext()\n\nconst loading = ref(false)\nconst inputValue = ref('')\nconst visible = ref(false)\nconst value = toRef(props.value?.length ? props.value.split(',') : [])\nconst more = ref(0)\nconst btnRef = ref()\nconst mouseMove = ref(false)\nconst tagsTypeRef = ref<HTMLDivElement \| null>(null)\nconst tagRefs: Ref<HTMLDivElement>[] = reactive([])\nconst filterOptionsValue = ref(props.options)\nconst innerOptions = ref(props.options)\nconst tagsTypeWidth = ref(0)\nconst shownArr = ref<string[]>([])\nconst getTagRefs = (i: number) => {\n return (el: any) => {\n if (el) {\n tagRefs[i] = toRef(el)\n } else {\n tagRefs.splice(i, 1)\n }\n }\n}\n\nconst getWidth = () => {\n nextTick(() => {\n if (tagsTypeRef.value) {\n tagsTypeWidth.value = tagsTypeRef.value.offsetWidth - 90\n }\n })\n}\n\nconst handleEnter = () => {\n let arr = value.value\n if (!inputValue.value) return\n if (innerOptions.value.indexOf(inputValue.value) < 0) {\n innerOptions.value.push(inputValue.value)\n emits('update:options', innerOptions.value)\n arr.push(inputValue.value)\n } else {\n if (arr.indexOf(inputValue.value) < 0) {\n arr.push(inputValue.value)\n } else {\n arr = arr.filter(e => e !== inputValue.value)\n }\n }\n value.value = arr\n // inputValue.value = ''\n}\n\nconst handleDel = (idx: number) => {\n value.value.splice(idx, 1)\n}\n\nconst handleClickFilter = (item: string) => {\n let arr = value.value\n if (arr.indexOf(item) >= 0) {\n arr = arr.filter(e => e !== item)\n } else {\n arr.push(item)\n }\n value.value = arr\n}\nwatch(\n () => props.options,\n n => {\n innerOptions.value = n\n },\n {\n deep: true,\n immediate: true\n }\n)\nwatch(\n [() => value.value.length, tagsTypeWidth],\n async (n, o) => {\n await nextTick()\n const arr: string[] = []\n let moreLeftValue = 0\n for (const i in value.value) {\n const tagetWidth = tagRefs[i].value.offsetWidth + 10\n if (moreLeftValue + tagetWidth >= n[1]) {\n break\n } else {\n moreLeftValue += tagetWidth\n arr.push(value.value[i])\n }\n }\n more.value = n[0] - arr.length > 0 ? n[0] - arr.length : 0\n shownArr.value = arr\n emits('update:value', value.value.join(','))\n emits('change', value.value.join(','))\n\n if (o[0]) {\n if (n[0] !== o[0]) {\n formItemContext.onFieldChange()\n formItemContext.onFieldBlur()\n }\n }\n },\n {\n deep: true,\n immediate: true\n }\n)\nwatch(\n () => [innerOptions, inputValue],\n () => {\n if (!inputValue.value) filterOptionsValue.value = innerOptions.value\n filterOptionsValue.value = innerOptions.value.filter(\n (e: string) => e.indexOf(inputValue.value) >= 0\n )\n },\n {\n deep: true,\n immediate: true\n }\n)\nonMounted(async () => {\n getWidth()\n window.addEventListener('resize', getWidth)\n})\nonUnmounted(() => {\n window.removeEventListener('resize', getWidth)\n})\n</script>\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"tag-group.vue2.mjs","sources":["../../../../../packages/components/tag-group/src/tag-group.vue"],"sourcesContent":["<template>\n <a-spin :spinning=\"loading\">\n <div ref=\"tagsTypeRef\" :class=\"bem.b()\">\n <div :class=\"bem.e('tag-container')\">\n <template v-for=\"(item, i) in value\" :key=\"i\">\n <div\n :ref=\"getTagRefs(i)\"\n :class=\"[\n bem.m('item'),\n !shownArr.includes(item) ? bem.is('hidden') : ''\n ]\"\n >\n <div :class=\"bem.m('text')\">\n {{ item }}\n </div>\n <span :class=\"bem.m('close')\" @click=\"handleDel(i)\">\n <ll-icon\n icon-name=\"icon-close2\"\n :color=\"'#909399'\"\n :class-name=\"bem.m('close-icon')\"\n />\n </span>\n </div>\n </template>\n </div>\n\n <div :class=\"bem.e('add-container')\">\n <div v-if=\"more > 0\" :class=\"bem.m('more')\">+{{ more }}</div>\n <Popover\n v-model:visible=\"visible\"\n :overlay-class-name=\"bem.e('popover')\"\n arrow-point-at-center\n trigger=\"click\"\n placement=\"bottom\"\n >\n <template #content>\n <LlInput\n v-model:value=\"inputValue\"\n placeholder=\"输入后回车新建\"\n :prefix-icon=\"`icon-search`\"\n :style=\"{ width: '300px', paddingLeft: '18px' }\"\n @press-enter.prevent=\"handleEnter\"\n />\n <ul\n v-if=\"filterOptionsValue.length > 0\"\n :class=\"bem.m('select-box')\"\n >\n <li\n v-for=\"(item, i) in filterOptionsValue\"\n :key=\"i\"\n :class=\"bem.m('select-item')\"\n @click=\"handleClickFilter(item)\"\n >\n <span :class=\"bem.m('select-text')\">\n {{ item }}\n </span>\n <ll-icon\n v-if=\"value.indexOf(item) >= 0\"\n icon-name=\"icon-check\"\n :class=\"bem.m('select-check')\"\n color=\"#1890FF\"\n />\n </li>\n </ul>\n </template>\n <div\n ref=\"btnRef\"\n :class=\"[\n mouseMove \|\| visible ? bem.is('active') : '',\n bem.m('add-item')\n ]\"\n @mouseover=\"mouseMove = true\"\n @mouseleave=\"mouseMove = false\"\n >\n <ll-icon\n icon-name=\"icon-add\"\n :color=\"'#666'\"\n :class-name=\"bem.m('add-icon')\"\n />\n </div>\n </Popover>\n </div>\n </div>\n </a-spin>\n</template>\n\n<script setup lang=\"ts\">\nimport { Form } from 'ant-design-vue'\nimport {\n ref,\n reactive,\n nextTick,\n onMounted,\n toRef,\n watch,\n onUnmounted\n} from 'vue'\nimport { Popover } from 'ant-design-vue'\nimport { createNamespace } from '@ll-plus/utils'\nimport { tagGroupProps, tagGroupEmits } from './tag-group'\nimport type { Ref } from 'vue'\ndefineOptions({ name: 'LlTagGroup' })\n\nconst props = defineProps(tagGroupProps)\nconst emits = defineEmits(tagGroupEmits)\nconst bem = createNamespace('tag-group')\nconst formItemContext = Form.useInjectFormItemContext()\n\nconst loading = ref(false)\nconst inputValue = ref('')\nconst visible = ref(false)\nconst value = toRef(props.value?.length ? props.value.split(',') : [])\nconst more = ref(0)\nconst btnRef = ref()\nconst mouseMove = ref(false)\nconst tagsTypeRef = ref<HTMLDivElement \| null>(null)\nconst tagRefs: Ref<HTMLDivElement>[] = reactive([])\nconst filterOptionsValue = ref(props.options)\nconst innerOptions = ref(props.options)\nconst tagsTypeWidth = ref(0)\nconst shownArr = ref<string[]>([])\nconst getTagRefs = (i: number) => {\n return (el: any) => {\n if (el) {\n tagRefs[i] = toRef(el)\n } else {\n tagRefs.splice(i, 1)\n }\n }\n}\n\nconst getWidth = () => {\n nextTick(() => {\n setTimeout(() => {\n if (tagsTypeRef.value) {\n tagsTypeWidth.value = tagsTypeRef.value.offsetWidth - 90\n }\n }, 0)\n })\n}\n\nconst handleEnter = () => {\n let arr = value.value\n if (!inputValue.value) return\n if (innerOptions.value.indexOf(inputValue.value) < 0) {\n innerOptions.value.push(inputValue.value)\n emits('update:options', innerOptions.value)\n arr.push(inputValue.value)\n } else {\n if (arr.indexOf(inputValue.value) < 0) {\n arr.push(inputValue.value)\n } else {\n arr = arr.filter(e => e !== inputValue.value)\n }\n }\n value.value = arr\n // inputValue.value = ''\n}\n\nconst handleDel = (idx: number) => {\n value.value.splice(idx, 1)\n}\n\nconst handleClickFilter = (item: string) => {\n let arr = value.value\n if (arr.indexOf(item) >= 0) {\n arr = arr.filter(e => e !== item)\n } else {\n arr.push(item)\n }\n value.value = arr\n}\nwatch(\n () => props.options,\n n => {\n innerOptions.value = n\n },\n {\n deep: true,\n immediate: true\n }\n)\nwatch(\n [() => value.value.length, tagsTypeWidth],\n async (n, o) => {\n await nextTick()\n const arr: string[] = []\n let moreLeftValue = 0\n for (const i in value.value) {\n const tagetWidth = tagRefs[i].value.offsetWidth + 10\n\n if (moreLeftValue + tagetWidth >= n[1]) {\n break\n } else {\n moreLeftValue += tagetWidth\n arr.push(value.value[i])\n }\n }\n more.value = n[0] - arr.length > 0 ? n[0] - arr.length : 0\n shownArr.value = arr\n emits('update:value', value.value.join(','))\n emits('change', value.value.join(','))\n\n if (o[0]) {\n if (n[0] !== o[0]) {\n formItemContext.onFieldChange()\n formItemContext.onFieldBlur()\n }\n }\n },\n {\n deep: true,\n immediate: true\n }\n)\nwatch(\n () => [innerOptions, inputValue],\n () => {\n if (!inputValue.value) filterOptionsValue.value = innerOptions.value\n filterOptionsValue.value = innerOptions.value.filter(\n (e: string) => e.indexOf(inputValue.value) >= 0\n )\n },\n {\n deep: true,\n immediate: true\n }\n)\nonMounted(async () => {\n getWidth()\n window.addEventListener('resize', getWidth)\n})\nonUnmounted(() => {\n window.removeEventListener('resize', getWidth)\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AAuGA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAA,MAAM,KAAQ,GAAA,MAAA,CAAA;AACd,IAAM,MAAA,GAAA,GAAM,gBAAgB,WAAW,CAAA,CAAA;AACvC,IAAM,MAAA,eAAA,GAAkB,KAAK,wBAAyB,EAAA,CAAA;AAEtD,IAAM,MAAA,OAAA,GAAU,IAAI,KAAK,CAAA,CAAA;AACzB,IAAM,MAAA,UAAA,GAAa,IAAI,EAAE,CAAA,CAAA;AACzB,IAAM,MAAA,OAAA,GAAU,IAAI,KAAK,CAAA,CAAA;AACzB,IAAM,MAAA,KAAA,GAAQ,KAAM,CAAA,KAAA,CAAM,KAAO,EAAA,MAAA,GAAS,KAAM,CAAA,KAAA,CAAM,KAAM,CAAA,GAAG,CAAI,GAAA,EAAE,CAAA,CAAA;AACrE,IAAM,MAAA,IAAA,GAAO,IAAI,CAAC,CAAA,CAAA;AAClB,IAAA,MAAM,SAAS,GAAI,EAAA,CAAA;AACnB,IAAM,MAAA,SAAA,GAAY,IAAI,KAAK,CAAA,CAAA;AAC3B,IAAM,MAAA,WAAA,GAAc,IAA2B,IAAI,CAAA,CAAA;AACnD,IAAM,MAAA,OAAA,GAAiC,QAAS,CAAA,EAAE,CAAA,CAAA;AAClD,IAAM,MAAA,kBAAA,GAAqB,GAAI,CAAA,KAAA,CAAM,OAAO,CAAA,CAAA;AAC5C,IAAM,MAAA,YAAA,GAAe,GAAI,CAAA,KAAA,CAAM,OAAO,CAAA,CAAA;AACtC,IAAM,MAAA,aAAA,GAAgB,IAAI,CAAC,CAAA,CAAA;AAC3B,IAAM,MAAA,QAAA,GAAW,GAAc,CAAA,EAAE,CAAA,CAAA;AACjC,IAAM,MAAA,UAAA,GAAa,CAAC,CAAc,KAAA;AAChC,MAAA,OAAO,CAAC,EAAY,KAAA;AAClB,QAAA,IAAI,EAAI,EAAA;AACN,UAAQ,OAAA,CAAA,CAAC,CAAI,GAAA,KAAA,CAAM,EAAE,CAAA,CAAA;AAAA,SAChB,MAAA;AACL,UAAQ,OAAA,CAAA,MAAA,CAAO,GAAG,CAAC,CAAA,CAAA;AAAA,SACrB;AAAA,OACF,CAAA;AAAA,KACF,CAAA;AAEA,IAAA,MAAM,WAAW,MAAM;AACrB,MAAA,QAAA,CAAS,MAAM;AACb,QAAA,UAAA,CAAW,MAAM;AACf,UAAA,IAAI,YAAY,KAAO,EAAA;AACrB,YAAc,aAAA,CAAA,KAAA,GAAQ,WAAY,CAAA,KAAA,CAAM,WAAc,GAAA,EAAA,CAAA;AAAA,WACxD;AAAA,WACC,CAAC,CAAA,CAAA;AAAA,OACL,CAAA,CAAA;AAAA,KACH,CAAA;AAEA,IAAA,MAAM,cAAc,MAAM;AACxB,MAAA,IAAI,MAAM,KAAM,CAAA,KAAA,CAAA;AAChB,MAAA,IAAI,CAAC,UAAW,CAAA,KAAA;AAAO,QAAA,OAAA;AACvB,MAAA,IAAI,aAAa,KAAM,CAAA,OAAA,CAAQ,UAAW,CAAA,KAAK,IAAI,CAAG,EAAA;AACpD,QAAa,YAAA,CAAA,KAAA,CAAM,IAAK,CAAA,UAAA,CAAW,KAAK,CAAA,CAAA;AACxC,QAAM,KAAA,CAAA,gBAAA,EAAkB,aAAa,KAAK,CAAA,CAAA;AAC1C,QAAI,GAAA,CAAA,IAAA,CAAK,WAAW,KAAK,CAAA,CAAA;AAAA,OACpB,MAAA;AACL,QAAA,IAAI,GAAI,CAAA,OAAA,CAAQ,UAAW,CAAA,KAAK,IAAI,CAAG,EAAA;AACrC,UAAI,GAAA,CAAA,IAAA,CAAK,WAAW,KAAK,CAAA,CAAA;AAAA,SACpB,MAAA;AACL,UAAA,GAAA,GAAM,GAAI,CAAA,MAAA,CAAO,CAAK,CAAA,KAAA,CAAA,KAAM,WAAW,KAAK,CAAA,CAAA;AAAA,SAC9C;AAAA,OACF;AACA,MAAA,KAAA,CAAM,KAAQ,GAAA,GAAA,CAAA;AAAA,KAEhB,CAAA;AAEA,IAAM,MAAA,SAAA,GAAY,CAAC,GAAgB,KAAA;AACjC,MAAM,KAAA,CAAA,KAAA,CAAM,MAAO,CAAA,GAAA,EAAK,CAAC,CAAA,CAAA;AAAA,KAC3B,CAAA;AAEA,IAAM,MAAA,iBAAA,GAAoB,CAAC,IAAiB,KAAA;AAC1C,MAAA,IAAI,MAAM,KAAM,CAAA,KAAA,CAAA;AAChB,MAAA,IAAI,GAAI,CAAA,OAAA,CAAQ,IAAI,CAAA,IAAK,CAAG,EAAA;AAC1B,QAAA,GAAA,GAAM,GAAI,CAAA,MAAA,CAAO,CAAK,CAAA,KAAA,CAAA,KAAM,IAAI,CAAA,CAAA;AAAA,OAC3B,MAAA;AACL,QAAA,GAAA,CAAI,KAAK,IAAI,CAAA,CAAA;AAAA,OACf;AACA,MAAA,KAAA,CAAM,KAAQ,GAAA,GAAA,CAAA;AAAA,KAChB,CAAA;AACA,IAAA,KAAA;AAAA,MACE,MAAM,KAAM,CAAA,OAAA;AAAA,MACZ,CAAK,CAAA,KAAA;AACH,QAAA,YAAA,CAAa,KAAQ,GAAA,CAAA,CAAA;AAAA,OACvB;AAAA,MACA;AAAA,QACE,IAAM,EAAA,IAAA;AAAA,QACN,SAAW,EAAA,IAAA;AAAA,OACb;AAAA,KACF,CAAA;AACA,IAAA,KAAA;AAAA,MACE,CAAC,MAAM,KAAM,CAAA,KAAA,CAAM,QAAQ,aAAa,CAAA;AAAA,MACxC,OAAO,GAAG,CAAM,KAAA;AACd,QAAA,MAAM,QAAS,EAAA,CAAA;AACf,QAAA,MAAM,MAAgB,EAAC,CAAA;AACvB,QAAA,IAAI,aAAgB,GAAA,CAAA,CAAA;AACpB,QAAW,KAAA,MAAA,CAAA,IAAK,MAAM,KAAO,EAAA;AAC3B,UAAA,MAAM,UAAa,GAAA,OAAA,CAAQ,CAAC,CAAA,CAAE,MAAM,WAAc,GAAA,EAAA,CAAA;AAElD,UAAA,IAAI,aAAgB,GAAA,UAAA,IAAc,CAAE,CAAA,CAAC,CAAG,EAAA;AACtC,YAAA,MAAA;AAAA,WACK,MAAA;AACL,YAAiB,aAAA,IAAA,UAAA,CAAA;AACjB,YAAA,GAAA,CAAI,IAAK,CAAA,KAAA,CAAM,KAAM,CAAA,CAAC,CAAC,CAAA,CAAA;AAAA,WACzB;AAAA,SACF;AACA,QAAK,IAAA,CAAA,KAAA,GAAQ,CAAE,CAAA,CAAC,CAAI,GAAA,GAAA,CAAI,MAAS,GAAA,CAAA,GAAI,CAAE,CAAA,CAAC,CAAI,GAAA,GAAA,CAAI,MAAS,GAAA,CAAA,CAAA;AACzD,QAAA,QAAA,CAAS,KAAQ,GAAA,GAAA,CAAA;AACjB,QAAA,KAAA,CAAM,cAAgB,EAAA,KAAA,CAAM,KAAM,CAAA,IAAA,CAAK,GAAG,CAAC,CAAA,CAAA;AAC3C,QAAA,KAAA,CAAM,QAAU,EAAA,KAAA,CAAM,KAAM,CAAA,IAAA,CAAK,GAAG,CAAC,CAAA,CAAA;AAErC,QAAI,IAAA,CAAA,CAAE,CAAC,CAAG,EAAA;AACR,UAAA,IAAI,CAAE,CAAA,CAAC,CAAM,KAAA,CAAA,CAAE,CAAC,CAAG,EAAA;AACjB,YAAA,eAAA,CAAgB,aAAc,EAAA,CAAA;AAC9B,YAAA,eAAA,CAAgB,WAAY,EAAA,CAAA;AAAA,WAC9B;AAAA,SACF;AAAA,OACF;AAAA,MACA;AAAA,QACE,IAAM,EAAA,IAAA;AAAA,QACN,SAAW,EAAA,IAAA;AAAA,OACb;AAAA,KACF,CAAA;AACA,IAAA,KAAA;AAAA,MACE,MAAM,CAAC,YAAA,EAAc,UAAU,CAAA;AAAA,MAC/B,MAAM;AACJ,QAAA,IAAI,CAAC,UAAW,CAAA,KAAA;AAAO,UAAA,kBAAA,CAAmB,QAAQ,YAAa,CAAA,KAAA,CAAA;AAC/D,QAAmB,kBAAA,CAAA,KAAA,GAAQ,aAAa,KAAM,CAAA,MAAA;AAAA,UAC5C,CAAC,CAAc,KAAA,CAAA,CAAE,OAAQ,CAAA,UAAA,CAAW,KAAK,CAAK,IAAA,CAAA;AAAA,SAChD,CAAA;AAAA,OACF;AAAA,MACA;AAAA,QACE,IAAM,EAAA,IAAA;AAAA,QACN,SAAW,EAAA,IAAA;AAAA,OACb;AAAA,KACF,CAAA;AACA,IAAA,SAAA,CAAU,YAAY;AACpB,MAAS,QAAA,EAAA,CAAA;AACT,MAAO,MAAA,CAAA,gBAAA,CAAiB,UAAU,QAAQ,CAAA,CAAA;AAAA,KAC3C,CAAA,CAAA;AACD,IAAA,WAAA,CAAY,MAAM;AAChB,MAAO,MAAA,CAAA,mBAAA,CAAoB,UAAU,QAAQ,CAAA,CAAA;AAAA,KAC9C,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/es/utils/props/runtime.d.ts CHANGED Viewed

@@ -27,6 +27,6 @@ export declare const buildProp: <Type = never, Value = never, Validator = never,
 export type TestProps = Record<string, {
     [epPropKey]: true;
 } | NativePropType | EpPropInput<any, any, any, any, any>>;
-export declare const buildProps: <Props extends Record<string, NativePropType | EpPropInput<any, any, any, any, any> | {
+export declare const buildProps: <Props extends Record<string, {
     __epPropKey: true;
-}>>(props: Props) => { [K in keyof Props]: IfEpProp<Props[K], Props[K], IfNativePropType<Props[K], Props[K], EpPropConvert<Props[K]>>>; };
+} | NativePropType | EpPropInput<any, any, any, any, any>>>(props: Props) => { [K in keyof Props]: IfEpProp<Props[K], Props[K], IfNativePropType<Props[K], Props[K], EpPropConvert<Props[K]>>>; };

package/index.full.js CHANGED Viewed

@@ -56999,9 +56999,11 @@
       };
       const getWidth = () => {
         require$$0.nextTick(() => {
-          if (tagsTypeRef.value) {
-            tagsTypeWidth.value = tagsTypeRef.value.offsetWidth - 90;
-          }
+          setTimeout(() => {
+            if (tagsTypeRef.value) {
+              tagsTypeWidth.value = tagsTypeRef.value.offsetWidth - 90;
+            }
+          }, 0);
         });
       };
       const handleEnter = () => {