@antdv-next1/pro-field 1.0.0

package/dist/components/Segmented/index.d.ts

@@ -0,0 +1,36 @@
+import { ProFieldFC } from "../../typing.js";
+import { FieldSelectProps } from "../Select/index.js";
+import * as _$vue from "vue";
+import { CSSProperties } from "vue";
+import * as _$_antdv_next1_pro_provider0 from "@antdv-next1/pro-provider";
+import { SegmentedProps } from "antdv-next";
+import { CustomSlotsType } from "@v-c/util/dist/type";
+import { VueNode as VueNode$1 } from "antdv-next/dist/_util/type";
+
+//#region src/components/Segmented/index.d.ts
+type FieldSegmentedProps = ProFieldFC<{
+  options?: SegmentedProps['options'];
+  emptyText?: VueNode$1;
+}, SegmentedProps & {
+  class?: string;
+  style?: CSSProperties;
+  layout?: 'horizontal' | 'vertical';
+}> & Omit<FieldSelectProps, 'variant' | 'fieldProps' | 'id' | 'label' | 'labelTrigger' | 'lightLabel' | 'light' | 'plain'>;
+declare const FieldSegmented: _$vue.DefineSetupFnComponent<FieldSegmentedProps, {}, CustomSlotsType<{
+  default?: () => VueNode$1;
+}>, _$_antdv_next1_pro_provider0.BaseProFieldFC<SegmentedProps & {
+  class?: string;
+  style?: CSSProperties;
+  layout?: "horizontal" | "vertical";
+}> & _$_antdv_next1_pro_provider0.ProRenderFieldPropsType<SegmentedProps & {
+  class?: string;
+  style?: CSSProperties;
+  layout?: "horizontal" | "vertical";
+}> & {
+  options?: SegmentedProps["options"];
+  emptyText?: VueNode$1;
+} & {
+  id?: string;
+} & Omit<FieldSelectProps, "id" | "variant" | "fieldProps" | "light" | "label" | "labelTrigger" | "lightLabel" | "plain"> & {}, _$vue.PublicProps>;
+//#endregion
+export { FieldSegmentedProps, FieldSegmented as default };

package/dist/components/Segmented/index.js

@@ -0,0 +1,138 @@
+import { useFieldFetchData } from "../Select/index.js";
+import { Fragment, createVNode, defineComponent, mergeProps, ref } from "vue";
+import { objectToMap, proFieldParsingText } from "@antdv-next1/pro-utils";
+import { Segmented, Spin } from "antdv-next";
+//#region src/components/Segmented/index.tsx
+const FieldSegmented = /* @__PURE__ */ defineComponent((props, { expose }) => {
+	const inputRef = ref();
+	const [loading, options, fetchData] = useFieldFetchData(props);
+	expose({ fetchData: (keyWord) => fetchData(keyWord) });
+	return () => {
+		const { mode, render, formItemRender, options: propsOptions, fieldProps, emptyText = "-", ...rest } = props;
+		if (loading.value) return createVNode(Spin, { "size": "small" }, null);
+		if (mode === "read") {
+			const optionsValueEnum = options.value?.length ? options.value?.reduce((pre, cur) => {
+				return {
+					...pre,
+					[cur.value ?? ""]: cur.label
+				};
+			}, {}) : void 0;
+			const dom = createVNode(Fragment, null, [proFieldParsingText(rest.text, objectToMap(rest.valueEnum || optionsValueEnum))]);
+			if (render) return createVNode(Fragment, null, [render(rest.text, {
+				mode,
+				...rest,
+				fieldProps
+			}, createVNode(Fragment, null, [dom])) ?? emptyText]);
+			return dom;
+		}
+		if (mode === "edit" || mode === "update") {
+			const dom = createVNode(Segmented, mergeProps({ "ref": inputRef }, fieldProps, { "options": options.value }), null);
+			if (formItemRender) return createVNode(Fragment, null, [formItemRender(rest.text, {
+				mode,
+				...rest,
+				fieldProps,
+				options: options.value,
+				loading: loading.value
+			}, dom)]);
+			return dom;
+		}
+		return null;
+	};
+}, {
+	props: {
+		text: {
+			type: [
+				Object,
+				Function,
+				String,
+				Number,
+				null,
+				Boolean,
+				Array
+			],
+			required: false,
+			default: void 0
+		},
+		"onUpdate:text": {
+			type: Function,
+			required: false
+		},
+		fieldProps: {
+			type: Object,
+			required: false
+		},
+		mode: {
+			type: String,
+			required: false
+		},
+		light: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		label: {
+			type: [
+				Object,
+				Function,
+				String,
+				Number,
+				null,
+				Boolean,
+				Array
+			],
+			required: false,
+			default: void 0
+		},
+		valueEnum: {
+			type: [Object, Map],
+			required: false
+		},
+		proFieldKey: {
+			type: [String, Number],
+			required: false
+		},
+		render: {
+			type: Function,
+			required: false
+		},
+		formItemRender: {
+			type: Function,
+			required: false
+		},
+		options: { required: false },
+		emptyText: {
+			type: [
+				Object,
+				Function,
+				String,
+				Number,
+				null,
+				Boolean,
+				Array
+			],
+			required: false,
+			default: void 0
+		},
+		id: {
+			type: String,
+			required: false
+		},
+		debounceTime: {
+			type: Number,
+			required: false
+		},
+		request: {
+			type: Function,
+			required: false
+		},
+		params: { required: false },
+		defaultKeyWords: {
+			type: String,
+			required: false
+		}
+	},
+	name: "FieldSegmented",
+	inheritAttrs: false
+});
+//#endregion
+export { FieldSegmented as default };

package/dist/components/Select/Highlight/index.d.ts

@@ -0,0 +1,14 @@
+import * as _$vue from "vue";
+import { VueNode } from "@antdv-next1/pro-utils";
+import { CustomSlotsType } from "@v-c/util/dist/type";
+
+//#region src/components/Select/Highlight/index.d.ts
+interface HighlightProps {
+  label: string;
+  words: string[];
+}
+declare const Highlight: _$vue.DefineSetupFnComponent<HighlightProps, {}, CustomSlotsType<{
+  default?: () => VueNode;
+}>, HighlightProps & {}, _$vue.PublicProps>;
+//#endregion
+export { HighlightProps, Highlight as default };

package/dist/components/Select/Highlight/index.js

@@ -0,0 +1,46 @@
+import { useStyle } from "./style/index.js";
+import { computed, createVNode, defineComponent, h } from "vue";
+import { useConfig } from "antdv-next/dist/config-provider/context";
+//#region src/components/Select/Highlight/index.tsx
+const Highlight = /* @__PURE__ */ defineComponent((props) => {
+	const config = useConfig();
+	const lightCls = computed(() => config.value.getPrefixCls("pro-select-item-option-content-light"));
+	const optionCls = computed(() => config.value.getPrefixCls("pro-select-item-option-content"));
+	const { wrapSSR } = useStyle(lightCls, optionCls);
+	const matchKeywordsRE = computed(() => new RegExp(props.words?.map((word) => word.replace(/[-[\]/{}()*+?.\\^$|]/g, "\\$&")).join("|"), "gi"));
+	const elements = computed(() => {
+		let matchText = props.label;
+		const vnodes = [];
+		while (matchText?.length) {
+			const match = matchKeywordsRE.value.exec(matchText);
+			if (!match) {
+				vnodes.push(matchText);
+				break;
+			}
+			const start = match.index;
+			const matchLength = match[0].length + start;
+			vnodes.push(matchText.slice(0, start), h("span", { class: lightCls.value }, matchText.slice(start, matchLength)));
+			matchText = matchText.slice(matchLength);
+		}
+		return vnodes;
+	});
+	return () => wrapSSR(createVNode("div", {
+		"title": props.label,
+		"class": optionCls.value
+	}, [elements.value]));
+}, {
+	props: {
+		label: {
+			type: String,
+			required: true
+		},
+		words: {
+			type: Array,
+			required: true
+		}
+	},
+	name: "FieldSelectHighlight",
+	inheritAttrs: false
+});
+//#endregion
+export { Highlight as default };

package/dist/components/Select/Highlight/style/index.d.ts

@@ -0,0 +1,12 @@
+import { ComputedRef } from "vue";
+import * as _$_antdv_next1_pro_provider0 from "@antdv-next1/pro-provider";
+import { ProAliasToken } from "@antdv-next1/pro-provider";
+
+//#region src/components/Select/Highlight/style/index.d.ts
+interface ProToken extends ProAliasToken {
+  lightCls: string;
+  optionCls: string;
+}
+declare function useStyle(lightCls: ComputedRef<string>, optionCls: ComputedRef<string>): _$_antdv_next1_pro_provider0.UseStyleResult;
+//#endregion
+export { ProToken, useStyle };

package/dist/components/Select/Highlight/style/index.js

@@ -0,0 +1,24 @@
+import { useStyle as useStyle$1 } from "@antdv-next1/pro-provider";
+//#region src/components/Select/Highlight/style/index.ts
+const genProStyle = (token) => {
+	return {
+		[token.lightCls]: { color: token.colorPrimary },
+		[token.optionCls]: {
+			flex: "auto",
+			overflow: "hidden",
+			whiteSpace: "nowrap",
+			textOverflow: "ellipsis"
+		}
+	};
+};
+function useStyle(lightCls, optionCls) {
+	return useStyle$1("Highlight", (token) => {
+		return [genProStyle({
+			...token,
+			lightCls: `.${lightCls.value}`,
+			optionCls: `.${optionCls.value}`
+		})];
+	});
+}
+//#endregion
+export { useStyle };

package/dist/components/Select/LightSelect/index.d.ts

@@ -0,0 +1,45 @@
+import { ProFieldLightProps } from "../../../typing.js";
+import * as _$vue from "vue";
+import { SelectProps } from "antdv-next";
+import { VueNode } from "@v-c/util";
+import { CustomSlotsType } from "@v-c/util/dist/type";
+
+//#region src/components/Select/LightSelect/index.d.ts
+type LightSelectProps = {
+  label?: VueNode;
+  valueMaxLength?: number; /** 刷新数据 */
+  fetchData: (keyWord?: string) => void;
+  /**
+   * 当搜索关键词发生变化时是否请求远程数据
+   *
+   * @default true
+   */
+  fetchDataOnSearch?: boolean; /** 变体类型 */
+  variant?: 'outlined' | 'borderless' | 'filled' | 'underlined';
+  /**
+   * 搜索展位符
+   */
+  searchPlaceholder?: string;
+  labelVariant?: 'outlined' | 'borderless' | 'filled' | 'underlined';
+} & ProFieldLightProps & SelectProps;
+declare const LightSelect: _$vue.DefineSetupFnComponent<LightSelectProps, {}, CustomSlotsType<{
+  default?: () => VueNode;
+}>, {
+  label?: VueNode;
+  valueMaxLength?: number; /** 刷新数据 */
+  fetchData: (keyWord?: string) => void;
+  /**
+   * 当搜索关键词发生变化时是否请求远程数据
+   *
+   * @default true
+   */
+  fetchDataOnSearch?: boolean; /** 变体类型 */
+  variant?: "outlined" | "borderless" | "filled" | "underlined";
+  /**
+   * 搜索展位符
+   */
+  searchPlaceholder?: string;
+  labelVariant?: "outlined" | "borderless" | "filled" | "underlined";
+} & ProFieldLightProps & SelectProps & {}, _$vue.PublicProps>;
+//#endregion
+export { LightSelectProps, LightSelect as default };