@silver-formily/element-plus 3.0.2 → 3.0.3

package/esm/autocomplete/autocomplete.mjs

@@ -0,0 +1,99 @@
+import { useCleanAttrs } from "../__builtins__/shared/utils.mjs";
+import { ElAutocomplete } from "element-plus";
+import { computed, createBlock, createSlots, defineComponent, guardReactiveProps, mergeProps, normalizeProps, openBlock, ref, renderSlot, unref, useSlots, withCtx } from "vue";
+import { useField } from "@silver-formily/vue";
+//#region src/autocomplete/autocomplete.vue
+const _sfc_main = /* @__PURE__ */ defineComponent({
+	name: "FAutocomplete",
+	inheritAttrs: false,
+	__name: "autocomplete",
+	props: { options: {} },
+	setup(__props) {
+		const props = __props;
+		const slots = useSlots();
+		const { props: attrs } = useCleanAttrs();
+		const fieldRef = useField();
+		const autocompleteRef = ref();
+		fieldRef.value?.inject({ getElAutocompleteRef: () => autocompleteRef });
+		const normalizedFetchSuggestions = computed(() => {
+			const attrFetch = attrs.value.fetchSuggestions;
+			if (attrFetch) return ((queryString, cb) => {
+				return attrFetch(queryString, cb, fieldRef.value);
+			});
+			/* istanbul ignore next -- @preserve defensive: allow autocomplete to run without options and remote fetch */
+			if (!props.options) return;
+			return (queryString, cb) => {
+				fieldRef.value.loading = true;
+				const keyword = (queryString ?? "").toLowerCase();
+				const valueKey = attrs.value.valueKey ?? "value";
+				cb(keyword ? props.options.filter((option) => matchOption(option, valueKey, keyword)) : props.options);
+				fieldRef.value.loading = false;
+			};
+		});
+		function matchOption(option, valueKey, keyword) {
+			const target = option?.[valueKey];
+			/* istanbul ignore next -- @preserve defensive: tolerate invalid option shape from external data source */
+			if (target === void 0 || target === null) return false;
+			return String(target).toLowerCase().includes(keyword);
+		}
+		const autocompleteProps = computed(() => ({
+			...attrs.value,
+			loading: attrs.value.loading ?? fieldRef.value?.loading,
+			fetchSuggestions: normalizedFetchSuggestions.value
+		}));
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(ElAutocomplete), mergeProps({
+				ref_key: "autocompleteRef",
+				ref: autocompleteRef
+			}, autocompleteProps.value), createSlots({ _: 2 }, [
+				slots.default ? {
+					name: "default",
+					fn: withCtx((slotProps) => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps({
+						...slotProps,
+						field: unref(fieldRef)
+					})))]),
+					key: "0"
+				} : void 0,
+				slots.header ? {
+					name: "header",
+					fn: withCtx(() => [renderSlot(_ctx.$slots, "header", { field: unref(fieldRef) })]),
+					key: "1"
+				} : void 0,
+				slots.footer ? {
+					name: "footer",
+					fn: withCtx(() => [renderSlot(_ctx.$slots, "footer", { field: unref(fieldRef) })]),
+					key: "2"
+				} : void 0,
+				slots.prefix ? {
+					name: "prefix",
+					fn: withCtx(() => [renderSlot(_ctx.$slots, "prefix")]),
+					key: "3"
+				} : void 0,
+				slots.suffix ? {
+					name: "suffix",
+					fn: withCtx(() => [renderSlot(_ctx.$slots, "suffix")]),
+					key: "4"
+				} : void 0,
+				slots.prepend ? {
+					name: "prepend",
+					fn: withCtx(() => [renderSlot(_ctx.$slots, "prepend")]),
+					key: "5"
+				} : void 0,
+				slots.append ? {
+					name: "append",
+					fn: withCtx(() => [renderSlot(_ctx.$slots, "append")]),
+					key: "6"
+				} : void 0,
+				slots.loading ? {
+					name: "loading",
+					fn: withCtx(() => [renderSlot(_ctx.$slots, "loading")]),
+					key: "7"
+				} : void 0
+			]), 1040);
+		};
+	}
+});
+//#endregion
+export { _sfc_main as default };
+
+//# sourceMappingURL=autocomplete.mjs.map

package/esm/autocomplete/autocomplete.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"autocomplete.mjs","names":[],"sources":["../../src/autocomplete/autocomplete.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { Field } from '@formily/core'\nimport type { AutocompleteInstance } from 'element-plus'\nimport type { AutocompleteData, AutocompleteFetchSuggestions } from 'element-plus/es/components/autocomplete'\nimport { useField } from '@silver-formily/vue'\nimport { ElAutocomplete } from 'element-plus'\nimport { computed, ref } from 'vue'\nimport { useCleanAttrs } from '../__builtins__'\n\ndefineOptions({\n  name: 'FAutocomplete',\n  inheritAttrs: false,\n})\n\nconst props = defineProps<{\n  options?: AutocompleteData\n}>()\n\nconst slots = defineSlots<{\n  default?: (scope: { item: AutocompleteData[number], field: Field | undefined }) => any\n  header?: (scope: { field: Field | undefined }) => any\n  footer?: (scope: { field: Field | undefined }) => any\n  loading?: () => any\n  prefix?: () => any\n  suffix?: () => any\n  prepend?: () => any\n  append?: () => any\n}>()\n\nconst { props: attrs } = useCleanAttrs()\nconst fieldRef = useField<Field>()\nconst autocompleteRef = ref<AutocompleteInstance>()\n\nfieldRef.value?.inject({\n  getElAutocompleteRef: () => autocompleteRef,\n})\n\nconst normalizedFetchSuggestions = computed<AutocompleteFetchSuggestions | undefined>(() => {\n  const attrFetch = attrs.value.fetchSuggestions as AutocompleteFetchSuggestions | undefined\n  if (attrFetch) {\n    return ((queryString, cb) => {\n      return (attrFetch as (...args: any[]) => any)(queryString, cb, fieldRef.value)\n    }) as AutocompleteFetchSuggestions\n  }\n\n  /* istanbul ignore next -- @preserve defensive: allow autocomplete to run without options and remote fetch */\n  if (!props.options) {\n    return\n  }\n\n  return (queryString: string, cb) => {\n    fieldRef.value.loading = true\n    const keyword = (queryString ?? '').toLowerCase()\n    const valueKey = (attrs.value.valueKey ?? 'value') as string\n    const results = keyword\n      ? props.options!.filter(option => matchOption(option, valueKey, keyword))\n      : props.options!\n    cb(results)\n    fieldRef.value.loading = false\n  }\n})\n\nfunction matchOption(option: AutocompleteData[number], valueKey: string, keyword: string) {\n  const target = option?.[valueKey]\n  /* istanbul ignore next -- @preserve defensive: tolerate invalid option shape from external data source */\n  if (target === undefined || target === null) {\n    return false\n  }\n  return String(target).toLowerCase().includes(keyword)\n}\n\nconst autocompleteProps = computed(() => ({\n  ...attrs.value,\n  loading: attrs.value.loading ?? fieldRef.value?.loading,\n  fetchSuggestions: normalizedFetchSuggestions.value,\n}))\n</script>\n\n<template>\n  <ElAutocomplete ref=\"autocompleteRef\" v-bind=\"autocompleteProps\">\n    <template v-if=\"slots.default\" #default=\"slotProps\">\n      <slot name=\"default\" v-bind=\"{ ...slotProps, field: fieldRef }\" />\n    </template>\n    <template v-if=\"slots.header\" #header>\n      <slot name=\"header\" :field=\"fieldRef\" />\n    </template>\n    <template v-if=\"slots.footer\" #footer>\n      <slot name=\"footer\" :field=\"fieldRef\" />\n    </template>\n    <template v-if=\"slots.prefix\" #prefix>\n      <slot name=\"prefix\" />\n    </template>\n    <template v-if=\"slots.suffix\" #suffix>\n      <slot name=\"suffix\" />\n    </template>\n    <template v-if=\"slots.prepend\" #prepend>\n      <slot name=\"prepend\" />\n    </template>\n    <template v-if=\"slots.append\" #append>\n      <slot name=\"append\" />\n    </template>\n    <template v-if=\"slots.loading\" #loading>\n      <slot name=\"loading\" />\n    </template>\n  </ElAutocomplete>\n</template>\n"],"mappings":";;;;;;;;;;;EAcA,MAAM,QAAQ;EAId,MAAM,QAAQ,UAAA;EAWd,MAAM,EAAE,OAAO,UAAU,eAAc;EACvC,MAAM,WAAW,UAAgB;EACjC,MAAM,kBAAkB,KAA0B;AAElD,WAAS,OAAO,OAAO,EACrB,4BAA4B,iBAC7B,CAAA;EAED,MAAM,6BAA6B,eAAyD;GAC1F,MAAM,YAAY,MAAM,MAAM;AAC9B,OAAI,UACF,UAAS,aAAa,OAAO;AAC3B,WAAQ,UAAsC,aAAa,IAAI,SAAS,MAAK;;;AAKjF,OAAI,CAAC,MAAM,QACT;AAGF,WAAQ,aAAqB,OAAO;AAClC,aAAS,MAAM,UAAU;IACzB,MAAM,WAAW,eAAe,IAAI,aAAY;IAChD,MAAM,WAAY,MAAM,MAAM,YAAY;AAI1C,OAHgB,UACZ,MAAM,QAAS,QAAO,WAAU,YAAY,QAAQ,UAAU,QAAQ,CAAA,GACtE,MAAM,QACA;AACV,aAAS,MAAM,UAAU;;IAE5B;EAED,SAAS,YAAY,QAAkC,UAAkB,SAAiB;GACxF,MAAM,SAAS,SAAS;;AAExB,OAAI,WAAW,KAAA,KAAa,WAAW,KACrC,QAAO;AAET,UAAO,OAAO,OAAO,CAAC,aAAa,CAAC,SAAS,QAAO;;EAGtD,MAAM,oBAAoB,gBAAgB;GACxC,GAAG,MAAM;GACT,SAAS,MAAM,MAAM,WAAW,SAAS,OAAO;GAChD,kBAAkB,2BAA2B;GAC9C,EAAC;;uBAIA,YAyBiB,MAAA,eAAA,EAzBjB,WAyBiB;aAzBG;IAAJ,KAAI;MAA0B,kBAAA,MAAiB,EAAA,YAAA,EAAA,GAAA,GAAA,EAAA;IAC7C,MAAM,UAAA;WAAU;kBAAS,cAAS,CAChD,WAAkE,KAAA,QAAA,WAAA,eAAA,mBAAA;MAAA,GAAhC;MAAS,OAAS,MAAA,SAAQ;MAAA,CAAA,CAAA,CAAA,CAAA,CAAA;;;IAE9C,MAAM,SAAA;WAAS;uBACW,CAAxC,WAAwC,KAAA,QAAA,UAAA,EAAnB,OAAO,MAAA,SAAQ,EAAA,CAAA,CAAA,CAAA;;;IAEtB,MAAM,SAAA;WAAS;uBACW,CAAxC,WAAwC,KAAA,QAAA,UAAA,EAAnB,OAAO,MAAA,SAAQ,EAAA,CAAA,CAAA,CAAA;;;IAEtB,MAAM,SAAA;WAAS;uBACP,CAAtB,WAAsB,KAAA,QAAA,SAAA,CAAA,CAAA;;;IAER,MAAM,SAAA;WAAS;uBACP,CAAtB,WAAsB,KAAA,QAAA,SAAA,CAAA,CAAA;;;IAER,MAAM,UAAA;WAAU;uBACP,CAAvB,WAAuB,KAAA,QAAA,UAAA,CAAA,CAAA;;;IAET,MAAM,SAAA;WAAS;uBACP,CAAtB,WAAsB,KAAA,QAAA,SAAA,CAAA,CAAA;;;IAER,MAAM,UAAA;WAAU;uBACP,CAAvB,WAAuB,KAAA,QAAA,UAAA,CAAA,CAAA"}