@antdv-next1/pro-field 1.0.0

package/dist/components/TimePicker/index.js

@@ -0,0 +1,153 @@
+import { Fragment, createVNode, defineComponent, mergeProps } from "vue";
+import { useIntl } from "@antdv-next1/pro-provider";
+import { FieldLabel, parseValueToDay, useState } from "@antdv-next1/pro-utils";
+import { TimePicker } from "antdv-next";
+import dayjs from "dayjs";
+//#region src/components/TimePicker/index.tsx
+const FieldTimePicker = /* @__PURE__ */ defineComponent((props) => {
+	const [open, setOpen] = useState(false);
+	const intl = useIntl();
+	return () => {
+		const { text, mode, light, label, format = "HH:mm:ss", render, variant, formItemRender, fieldProps, lightLabel, ...rest } = props;
+		const finalFormat = fieldProps?.format || format;
+		const isNumberOrMoment = dayjs.isDayjs(text) || typeof text === "number";
+		if (mode === "read") {
+			const dom = createVNode("span", null, [text ? dayjs(text, isNumberOrMoment ? void 0 : finalFormat).format(finalFormat) : "-"]);
+			if (render) return createVNode(Fragment, null, [render(text, {
+				mode,
+				...rest,
+				fieldProps
+			}, createVNode("span", null, [dom]))]);
+			return dom;
+		}
+		if (mode === "edit" || mode === "update") {
+			const { disabled, value } = fieldProps;
+			const dayValue = parseValueToDay(value, finalFormat);
+			const placeholder = fieldProps?.placeholder ?? intl.value.getMessage({
+				id: "tableForm.selectPlaceholder",
+				defaultMessage: "请选择"
+			});
+			let dom = createVNode(TimePicker, mergeProps({ "format": format }, fieldProps, { "value": dayValue }), null);
+			if (light) dom = createVNode(FieldLabel, {
+				"onClick": () => {
+					fieldProps?.onOpenChange?.(true);
+					setOpen(true);
+				},
+				"style": dayValue ? { paddingInlineEnd: 0 } : void 0,
+				"label": label,
+				"disabled": disabled,
+				"variant": variant ?? fieldProps?.variant,
+				"value": dayValue || open.value ? createVNode(TimePicker, mergeProps({
+					"variant": variant ?? fieldProps?.variant,
+					"format": format
+				}, fieldProps, {
+					"placeholder": placeholder,
+					"value": dayValue,
+					"onOpenChange": (isOpen) => {
+						setOpen(isOpen);
+						fieldProps?.onOpenChange?.(isOpen);
+					},
+					"open": open.value
+				}), null) : null,
+				"downIcon": dayValue || open.value ? false : void 0,
+				"allowClear": false,
+				"ref": lightLabel
+			}, null);
+			if (formItemRender) return createVNode(Fragment, null, [formItemRender(text, {
+				mode,
+				...rest,
+				fieldProps,
+				placeholder
+			}, 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
+		},
+		format: {
+			type: String,
+			required: false
+		},
+		variant: {
+			type: String,
+			required: false
+		},
+		lightLabel: {
+			type: Object,
+			required: false
+		},
+		labelTrigger: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		id: {
+			type: String,
+			required: false
+		}
+	},
+	name: "FieldTimePicker",
+	inheritAttrs: false
+});
+//#endregion
+export { FieldTimePicker as default };

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

@@ -0,0 +1,45 @@
+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 { RequestOptionsType } from "@antdv-next1/pro-utils";
+import { TreeSelectProps } from "antdv-next";
+import { CustomSlotsType, VueNode as VueNode$1 } from "@v-c/util/dist/type";
+import * as _$_v_c_tree_select0 from "@v-c/tree-select";
+
+//#region src/components/TreeSelect/index.d.ts
+type FieldTreeSelectProps = ProFieldFC<{
+  /**
+   * 当搜索关键词发生变化时是否请求远程数据
+   *
+   * @default true
+   */
+  fetchDataOnSearch?: boolean;
+}, TreeSelectProps & {
+  style?: CSSProperties;
+  class?: string;
+  options?: RequestOptionsType[];
+}> & TreeSelectProps & Omit<FieldSelectProps, 'variant' | 'fieldProps' | 'id' | 'label' | 'labelTrigger' | 'lightLabel' | 'light' | 'plain'>;
+declare const FieldTreeSelect: _$vue.DefineSetupFnComponent<FieldTreeSelectProps, {}, CustomSlotsType<{
+  default?: () => VueNode$1;
+}>, _$_antdv_next1_pro_provider0.BaseProFieldFC<TreeSelectProps<any, _$_v_c_tree_select0.DataNode> & {
+  style?: CSSProperties;
+  class?: string;
+  options?: RequestOptionsType[];
+}> & _$_antdv_next1_pro_provider0.ProRenderFieldPropsType<TreeSelectProps<any, _$_v_c_tree_select0.DataNode> & {
+  style?: CSSProperties;
+  class?: string;
+  options?: RequestOptionsType[];
+}> & {
+  /**
+   * 当搜索关键词发生变化时是否请求远程数据
+   *
+   * @default true
+   */
+  fetchDataOnSearch?: boolean;
+} & {
+  id?: string;
+} & TreeSelectProps<any, _$_v_c_tree_select0.DataNode> & Omit<FieldSelectProps, "id" | "variant" | "fieldProps" | "light" | "label" | "labelTrigger" | "lightLabel" | "plain"> & {}, _$vue.PublicProps>;
+//#endregion
+export { FieldTreeSelectProps, FieldTreeSelect as default };