@gct-paas/render-mobile 0.1.5-dev.1 → 0.1.5-dev.3

package/es/components/form-component/FieldSelect.mjs

@@ -0,0 +1,170 @@
+import tag_label_default from "./tag-label.vue.mjs";
+import { Fragment, computed, createVNode, defineComponent, inject } from "vue";
+import { Cell, Picker, Popup } from "vant";
+import { EntityModelTypeEnum, FIELD_TYPE } from "@gct-paas/core";
+//#region src/components/form-component/FieldSelect.tsx
+var FieldSelect_default = /* @__PURE__ */ defineComponent({
+	name: "FieldSelect",
+	props: {
+		design: Boolean,
+		disabled: Boolean,
+		readonly: Boolean,
+		showPop: Boolean,
+		fieldType: {
+			type: String,
+			required: true
+		},
+		type: {
+			type: Object,
+			required: true
+		},
+		tagStyle: {
+			type: Object,
+			required: true
+		},
+		isLinkageMode: { type: Boolean },
+		options: Array,
+		value: [
+			String,
+			Number,
+			Boolean
+		],
+		multiple: {
+			type: Boolean,
+			default: false
+		},
+		placeholder: {
+			type: String,
+			default: "请选择"
+		},
+		refModelType: {
+			type: String,
+			default: ""
+		},
+		useSwitchComp: {
+			type: Boolean,
+			default: false
+		},
+		maxTagTextLength: {
+			type: Number,
+			default: 12
+		}
+	},
+	slots: Object,
+	setup(props, { emit, slots: slotList }) {
+		const layout = inject("form-layout", {});
+		const options = computed(() => {
+			return (props.options ?? []).map((item) => {
+				return { ...item };
+			});
+		});
+		function getLabels(item) {
+			const arr = item._item?.full_path_.split("/") || [];
+			return (props.options ?? []).filter((i) => arr.includes(i.value)).map((val) => val.label).join("/");
+		}
+		const selectInfo = computed(() => {
+			return options.value?.filter((item) => {
+				if (props.multiple) return props.value?.includes(item.value);
+				return props.value === item.value;
+			}) ?? [];
+		});
+		const slots = { value: () => {
+			if (props.value?.length || ["boolean", "enum"].includes(props.fieldType) && !(props.value === void 0 || props.value === "")) {
+				const iconExts = {};
+				const avatarProps = {};
+				const labelArr = [];
+				selectInfo.value.forEach((e) => {
+					const label = handleLabel(e.label);
+					const { icon, iconColor, textColor } = e._item || {};
+					iconExts[label] = {
+						icon,
+						iconColor,
+						textColor
+					};
+					if (props.fieldType === FIELD_TYPE.USER_MULTI || props.fieldType === FIELD_TYPE.USER) avatarProps[label] = { avatar: e._item?.avatar };
+					labelArr.push(props.refModelType === EntityModelTypeEnum.TREE && !props.isLinkageMode ? getLabels(e) : label);
+				});
+				return createVNode(tag_label_default, {
+					"class": "mr-4px",
+					"tagWidgetStyle": props.tagStyle,
+					"type": props.fieldType,
+					"label": labelArr,
+					"disabled": props.disabled,
+					"iconExtraProps": iconExts,
+					"avatarProps": avatarProps
+				}, null);
+			} else return createVNode(tag_label_default, {
+				"type": props.fieldType,
+				"disabled": props.disabled,
+				"label": !props.readonly ? props.placeholder : "",
+				"style": {
+					color: "var(--van-gray-5)",
+					paddingRight: layout?.value?.inputBg ? "12px" : "",
+					fontSize: "14px"
+				}
+			}, null);
+		} };
+		const pickerSlots = { option: (option) => {
+			return createVNode(tag_label_default, {
+				"tagWidgetStyle": props.tagStyle,
+				"type": props.fieldType,
+				"label": option.label,
+				"disabled": props.disabled,
+				"showTagStyle": false
+			}, null);
+		} };
+		const onConfirm = ({ selectedOptions }) => {
+			emit("confirm", selectedOptions[0].value);
+			emit("update:value", selectedOptions[0].value);
+			emit("update:showPop", false);
+		};
+		const onCancel = () => {
+			emit("update:showPop", false);
+		};
+		const onChecked = (value) => {
+			emit("update:value", value.value);
+			emit("checked", value.value);
+			emit("update:showPop", false);
+		};
+		const handleLabel = (label) => {
+			if (props.readonly) return label;
+			if (label.length > props.maxTagTextLength) return label.slice(0, props.maxTagTextLength) + "...";
+			return label;
+		};
+		return () => {
+			return createVNode(Fragment, null, [createVNode(Cell, {
+				"class": "app-tag-cell-box",
+				"is-link": !props.readonly,
+				"border": false,
+				"style": {
+					padding: 0,
+					background: "transparent"
+				}
+			}, slots), createVNode(Popup, {
+				"show": props.showPop,
+				"onUpdate:show": ($event) => props.showPop = $event,
+				"position": "bottom",
+				"round": true,
+				"teleport": "body",
+				"onClickOverlay": onCancel,
+				"style": props.useSwitchComp ? { height: "60%" } : {}
+			}, { default: () => [props.useSwitchComp ? props.showPop ? slotList.optionList?.({
+				stype: "single",
+				fieldType: FIELD_TYPE.REF,
+				activeKey: props.value ?? "",
+				title: "请选择",
+				onChecked
+			}) : null : createVNode(Picker, {
+				"columns": props.options || [],
+				"columnsFieldNames": {
+					text: "label",
+					value: "value"
+				},
+				"onConfirm": onConfirm,
+				"onCancel": onCancel
+			}, pickerSlots)] })]);
+		};
+	}
+});
+//#endregion
+export { FieldSelect_default as default };

package/es/components/form-component/index.css

@@ -0,0 +1,32 @@
+.van-radio-group.mobile-field-radio-group .van-radio.van-radio--disabled .van-radio__icon.van-radio__icon--disabled {
+  background: #f5f5f5;
+  border: 1px solid #d9d9d9 !important;
+}
+.van-radio-group.mobile-field-radio-group .van-radio.van-radio--disabled .van-radio__label.van-radio__label--disabled {
+  color: #BFBFBF;
+}
+.van-radio-group.mobile-field-radio-group--readonly {
+  pointer-events: none;
+}
+.van-radio-group.mobile-field-radio-group--readonly .van-radio .van-radio__label {
+  color: #666;
+}
+.van-checkbox-group.mobile-field-checkbox-group .van-checkbox.van-checkbox--disabled .van-checkbox__icon.van-checkbox__icon--disabled .van-icon {
+  background: #f5f5f5;
+  border: 1px solid #d9d9d9 !important;
+}
+.van-checkbox-group.mobile-field-checkbox-group .van-checkbox.van-checkbox--disabled .van-checkbox__label.van-checkbox__label--disabled {
+  color: #BFBFBF;
+}
+.van-checkbox-group.mobile-field-checkbox-group--readonly {
+  pointer-events: none;
+}
+.van-checkbox-group.mobile-field-checkbox-group--readonly .van-checkbox .van-checkbox__label {
+  color: #666;
+}
+.van-radio {
+  flex-shrink: 0;
+}
+.van-radio-group--horizontal {
+  flex-wrap: nowrap !important;
+}

package/es/components/form-component/index.d.ts

@@ -0,0 +1,5 @@
+import { default as FieldSelect } from './FieldSelect';
+import { default as FieldRadio } from './FieldRadio';
+import { default as FieldCheckbox } from './FieldCheckbox';
+import { default as TagLabel } from './tag-label.vue';
+export { FieldSelect, FieldRadio, FieldCheckbox, TagLabel as Taglabel };

package/es/components/form-component/index.mjs

@@ -0,0 +1,4 @@
+import "./tag-label.vue.mjs";
+import "./FieldSelect.mjs";
+import "./FieldRadio.mjs";
+import "./FieldCheckbox.mjs";

package/es/components/form-component/tag-label.vue.d.ts

@@ -0,0 +1,26 @@
+import { FIELD_TYPE } from '@gct-paas/core';
+export interface Props {
+    tagWidgetStyle?: IObject;
+    type?: FIELD_TYPE | undefined;
+    disabled?: boolean;
+    label?: string | (string | number)[];
+    isDesign?: boolean;
+    /** 外部控制是否显示标签样式 */
+    showTagStyle?: boolean;
+    iconExtraProps?: Record<string, {
+        icon: string;
+        iconColor: string;
+        textColor: string;
+    }>;
+    avatarProps?: Record<string, {
+        avatar: string;
+    }>;
+}
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "on-close": (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    "onOn-close"?: ((...args: any[]) => any) | undefined;
+}>, {
+    showTagStyle: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/es/components/form-component/tag-label.vue.mjs

@@ -0,0 +1,7 @@
+import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export-helper.mjs";
+import tag_label_vue_vue_type_script_setup_true_lang_default from "./tag-label.vue_vue_type_script_setup_true_lang.mjs";
+import './tag-label.vue_vue_type_style_index_0_scoped_42ed8aa7_lang.css';/* empty css                                                                */
+//#region src/components/form-component/tag-label.vue
+var tag_label_default = /* @__PURE__ */ _plugin_vue_export_helper_default(tag_label_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-42ed8aa7"]]);
+//#endregion
+export { tag_label_default as default };

package/es/components/form-component/tag-label.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,135 @@
+import tag_span_default from "./tag-span.vue.mjs";
+import { schemaToStyle } from "@gct-paas/render";
+import { Fragment, createBlock, createElementBlock, createElementVNode, createVNode, defineComponent, h, inject, normalizeClass, normalizeStyle, openBlock, renderList, resolveComponent, toDisplayString, toRef, unref, withCtx } from "vue";
+import { isString } from "lodash-es";
+import { FIELD_TYPE } from "@gct-paas/core";
+//#region src/components/form-component/tag-label.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	key: 0,
+	class: "gct-iconfont icon-ziduan-bumen primary-gct"
+};
+var _hoisted_2 = ["src"];
+var tag_label_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "tag-label",
+	props: {
+		tagWidgetStyle: {},
+		type: {},
+		disabled: { type: Boolean },
+		label: {},
+		isDesign: { type: Boolean },
+		showTagStyle: {
+			type: Boolean,
+			default: true
+		},
+		iconExtraProps: {},
+		avatarProps: {}
+	},
+	emits: ["on-close"],
+	setup(__props) {
+		const props = __props;
+		const labelLayout = inject("labelLayout", {});
+		const showLabel = toRef(() => {
+			let showMsg = props.label ?? "";
+			if (props.showTagStyle && props.tagWidgetStyle?.tagStyleOpen || props.type === FIELD_TYPE.ENUM_MULTI || props.type === FIELD_TYPE.ENUM) return showMsg ? isString(showMsg) ? [showMsg] : showMsg : [];
+			else if ([
+				FIELD_TYPE.ORG_MULTI,
+				FIELD_TYPE.ORG,
+				FIELD_TYPE.USER,
+				FIELD_TYPE.USER_MULTI
+			].includes(props.type)) return showMsg ? isString(showMsg) ? [showMsg] : showMsg : [];
+			else return showMsg + "";
+		});
+		const comStyle = toRef(() => {
+			const contentFont = props.tagWidgetStyle?.contentFont;
+			if (!contentFont) return {};
+			return schemaToStyle(contentFont);
+		});
+		const getMsgColor = (key) => {
+			const iconAttrs = props.iconExtraProps?.[key] || {};
+			const color = {};
+			Object.assign(color, { color: iconAttrs?.textColor || "#000000" });
+			if (comStyle.value?.color) return comStyle.value;
+			return {
+				wordBreak: "break-all",
+				...comStyle.value,
+				...color
+			};
+		};
+		const iconNode = { render: ({ $attrs }) => {
+			if ($attrs.labelName) {
+				const iconAttrs = props.iconExtraProps?.[$attrs.labelName] || {};
+				if (!iconAttrs?.icon) return;
+				return h(resolveComponent("icon-next"), {
+					size: 16,
+					value: iconAttrs?.icon,
+					color: iconAttrs?.iconColor,
+					style: "vertical-align: text-bottom; margin-right: 4px"
+				});
+			}
+		} };
+		const getAvatar = (key) => {
+			const avatarAttrs = props.avatarProps?.[key] || {};
+			return avatarAttrs?.avatar ? `/minio/${avatarAttrs.avatar}` : "";
+		};
+		return (_ctx, _cache) => {
+			return __props.showTagStyle && __props.tagWidgetStyle?.tagStyleOpen ? (openBlock(), createElementBlock("div", {
+				key: 0,
+				class: normalizeClass([__props.disabled ? "tag-label-disabled" : null, !!unref(labelLayout)?.hasLabelWidth && unref(labelLayout)?.layout.label === "left" ? unref(labelLayout)?.overLabelDisplay == "ellipsis" ? "label-ellipsis" : "label-wrap" : ""])
+			}, [(openBlock(true), createElementBlock(Fragment, null, renderList(showLabel.value, (i, index) => {
+				return openBlock(), createBlock(tag_span_default, {
+					key: index,
+					"tag-style": __props.tagWidgetStyle.tagStyle,
+					style: normalizeStyle(getMsgColor(i))
+				}, {
+					default: withCtx(() => [createVNode(iconNode, { "label-name": i }, null, 8, ["label-name"]), createElementVNode("span", null, toDisplayString(i), 1)]),
+					_: 2
+				}, 1032, ["tag-style", "style"]);
+			}), 128))], 2)) : __props.type === unref(FIELD_TYPE).ENUM_MULTI || __props.type === unref(FIELD_TYPE).ENUM ? (openBlock(), createElementBlock("div", {
+				key: 1,
+				class: normalizeClass([
+					__props.disabled ? "tag-label-disabled" : null,
+					"tag-text",
+					!!unref(labelLayout)?.hasLabelWidth && unref(labelLayout)?.layout.label === "left" ? unref(labelLayout)?.overLabelDisplay == "ellipsis" ? "label-ellipsis" : "label-wrap" : ""
+				])
+			}, [(openBlock(true), createElementBlock(Fragment, null, renderList(showLabel.value, (i, index) => {
+				return openBlock(), createElementBlock("span", {
+					key: index,
+					style: normalizeStyle(getMsgColor(i)),
+					class: "mr-5px"
+				}, [createVNode(iconNode, { "label-name": i }, null, 8, ["label-name"]), createElementVNode("span", null, toDisplayString(i) + toDisplayString(!__props.tagWidgetStyle?.tagStyleOpen && index < showLabel.value.length - 1 ? "," : ""), 1)], 4);
+			}), 128))], 2)) : [
+				unref(FIELD_TYPE).ORG_MULTI,
+				unref(FIELD_TYPE).ORG,
+				unref(FIELD_TYPE).USER,
+				unref(FIELD_TYPE).USER_MULTI
+			].includes(__props.type) ? (openBlock(), createElementBlock("div", {
+				key: 2,
+				class: normalizeClass([
+					__props.disabled ? "tag-label-disabled" : null,
+					"tag-text",
+					!!unref(labelLayout)?.hasLabelWidth && unref(labelLayout)?.layout.label === "left" ? unref(labelLayout)?.overLabelDisplay == "ellipsis" ? "label-ellipsis" : "label-wrap" : ""
+				])
+			}, [(openBlock(true), createElementBlock(Fragment, null, renderList(showLabel.value, (i, index) => {
+				return openBlock(), createElementBlock("span", {
+					key: index,
+					style: normalizeStyle(getMsgColor(i)),
+					class: "mr-5px"
+				}, [__props.type === unref(FIELD_TYPE).ORG_MULTI || __props.type === unref(FIELD_TYPE).ORG ? (openBlock(), createElementBlock("span", _hoisted_1)) : (openBlock(), createElementBlock("img", {
+					key: 1,
+					class: "user-avatar mr4px",
+					src: getAvatar(i)
+				}, null, 8, _hoisted_2)), createElementVNode("span", null, toDisplayString(i) + toDisplayString(!__props.tagWidgetStyle?.tagStyleOpen && index < showLabel.value.length - 1 ? "," : ""), 1)], 4);
+			}), 128))], 2)) : (openBlock(), createElementBlock("div", {
+				key: 3,
+				style: normalizeStyle(getMsgColor(showLabel.value)),
+				class: normalizeClass([
+					__props.disabled ? "tag-label-disabled" : null,
+					"text-[#000000]",
+					!!unref(labelLayout)?.hasLabelWidth && unref(labelLayout)?.layout.label === "left" ? unref(labelLayout)?.overLabelDisplay == "ellipsis" ? "label-ellipsis" : "label-wrap" : ""
+				])
+			}, toDisplayString(showLabel.value), 7));
+		};
+	}
+});
+//#endregion
+export { tag_label_vue_vue_type_script_setup_true_lang_default as default };

package/es/components/form-component/tag-label.vue_vue_type_style_index_0_scoped_42ed8aa7_lang.css

@@ -0,0 +1,18 @@
+.tag-label-disabled[data-v-42ed8aa7] {
+  color: var(--van-field-input-disabled-text-color) !important;
+}
+.label-ellipsis[data-v-42ed8aa7] {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.label-wrap[data-v-42ed8aa7] {
+  word-break: break-all;
+  white-space: wrap;
+}
+.user-avatar[data-v-42ed8aa7] {
+  width: 16px;
+  height: 16px;
+  border-radius: 50%;
+  vertical-align: middle;
+}

package/es/components/form-component/tag-span.vue.d.ts

@@ -0,0 +1,21 @@
+import { LowCodeWidget } from '@gct-paas/schema';
+type __VLS_Props = {
+    tagStyle?: LowCodeWidget.TagConfigStyle;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/es/components/form-component/tag-span.vue.mjs

@@ -0,0 +1,7 @@
+import tag_span_vue_vue_type_script_setup_true_lang_default from "./tag-span.vue_vue_type_script_setup_true_lang.mjs";
+import './tag-span.vue_vue_type_style_index_0_scoped_1f0f2305_lang.css';/* empty css                                                               */
+import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export-helper.mjs";
+//#region src/components/form-component/tag-span.vue
+var tag_span_default = /* @__PURE__ */ _plugin_vue_export_helper_default(tag_span_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-1f0f2305"]]);
+//#endregion
+export { tag_span_default as default };

package/es/components/form-component/tag-span.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,25 @@
+import { createElementBlock, defineComponent, normalizeClass, openBlock, renderSlot, toRef, useCssVars } from "vue";
+import { TagTypeEnum } from "@gct-paas/core";
+//#region src/components/form-component/tag-span.vue?vue&type=script&setup=true&lang.ts
+var tag_span_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "tag-span",
+	props: { tagStyle: {} },
+	setup(__props) {
+		useCssVars((_ctx) => ({ "v4f612305": tagStyleColor.value }));
+		const props = __props;
+		const tagType = toRef(() => {
+			return props.tagStyle?.tagType || TagTypeEnum.RADIUS;
+		});
+		const tagStyleColor = toRef(() => {
+			return props.tagStyle?.color || "#f0f0f0";
+		});
+		const getTagClass = toRef(() => {
+			return `tag-${tagType.value}`;
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(["tag cursor-pointer", getTagClass.value]) }, [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 2);
+		};
+	}
+});
+//#endregion
+export { tag_span_vue_vue_type_script_setup_true_lang_default as default };

package/es/components/form-component/tag-span.vue_vue_type_style_index_0_scoped_1f0f2305_lang.css

@@ -0,0 +1,31 @@
+.tag[data-v-1f0f2305] {
+  padding: 4px 6px;
+  line-height: 1;
+}
+.tag + .tag[data-v-1f0f2305] {
+  margin-left: 5px;
+}
+.tag-radius[data-v-1f0f2305] {
+  border-radius: 4px;
+  background: var(--v4f612305);
+}
+.tag-linear_radius[data-v-1f0f2305] {
+  border: 1px solid var(--v4f612305);
+  border-radius: 4px;
+}
+.tag-big_radius[data-v-1f0f2305] {
+  border-radius: 100px;
+  background: var(--v4f612305);
+}
+.tag-linear_big_radius[data-v-1f0f2305] {
+  border: 1px solid var(--v4f612305);
+  border-radius: 100px;
+}
+.tag-dashed_radius[data-v-1f0f2305] {
+  border: 1px dashed var(--v4f612305);
+  border-radius: 4px;
+}
+.tag-status[data-v-1f0f2305] {
+  border-radius: 14px 4px 4px;
+  background: var(--v4f612305);
+}

package/es/components/index.d.ts

@@ -1 +1,4 @@
 export * from './numKeyboard';
+export * from './form-component';
+export * from './treePopup';
+export * from './timePicker';

package/es/components/index.mjs

@@ -1 +1,9 @@
 import "./numKeyboard/index.mjs";
+import "./form-component/tag-label.vue.mjs";
+import "./form-component/FieldSelect.mjs";
+import "./form-component/FieldRadio.mjs";
+import "./form-component/FieldCheckbox.mjs";
+import "./form-component/index.mjs";
+import "./treePopup/src/typing.mjs";
+import "./treePopup/index.mjs";
+import "./timePicker/index.mjs";

package/es/components/timePicker/index.d.ts

@@ -0,0 +1,4 @@
+import { openTimePickerType } from './src/typing';
+export declare function createTimePicker(options: IObject): {
+    openTimePicker: ({ val, columnsType, minTime, maxTime, callback, formatter, filter, }: openTimePickerType) => void;
+} | undefined;

package/es/components/timePicker/index.mjs

@@ -0,0 +1,34 @@
+import "./src/typing.mjs";
+import timePicker_default from "./src/timePicker.vue.mjs";
+import { createVNode, render } from "vue";
+import { isClient } from "@gct-paas/core-mobile";
+//#region src/components/timePicker/index.ts
+var instance = null;
+function createTimePicker(options) {
+	if (!isClient) return;
+	const propsData = {};
+	let popupRef;
+	const container = document.createElement("div");
+	Object.assign(propsData, options);
+	function readyModal() {
+		instance = createVNode(timePicker_default, propsData);
+		render(instance, container);
+		document.body.appendChild(container);
+		popupRef = instance.component?.exposed;
+	}
+	function openTimePicker({ val, columnsType, minTime, maxTime, callback, formatter, filter }) {
+		readyModal();
+		popupRef?.openTimePickerOpen({
+			val,
+			columnsType,
+			minTime,
+			maxTime,
+			callback,
+			formatter,
+			filter
+		});
+	}
+	return { openTimePicker };
+}
+//#endregion
+export { createTimePicker };

package/es/components/timePicker/src/timePicker.vue.d.ts

@@ -0,0 +1,4 @@
+declare const _default: import('vue').DefineComponent<{}, {
+    openTimePickerOpen: ({ val, columnsType, minTime, maxTime, callback, formatter, filter, }: IObject) => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/es/components/timePicker/src/timePicker.vue.mjs

@@ -0,0 +1,5 @@
+import timePicker_vue_vue_type_script_setup_true_name_timePicker_lang_default from "./timePicker.vue_vue_type_script_setup_true_name_timePicker_lang.mjs";
+//#region src/components/timePicker/src/timePicker.vue
+var timePicker_default = timePicker_vue_vue_type_script_setup_true_name_timePicker_lang_default;
+//#endregion
+export { timePicker_default as default };

package/es/components/timePicker/src/timePicker.vue_vue_type_script_setup_true_name_timePicker_lang.mjs

@@ -0,0 +1,82 @@
+import "./typing.mjs";
+import { createBlock, createCommentVNode, defineComponent, nextTick, openBlock, ref, resolveComponent, withCtx } from "vue";
+//#region src/components/timePicker/src/timePicker.vue?vue&type=script&setup=true&name=timePicker&lang.ts
+var timePicker_vue_vue_type_script_setup_true_name_timePicker_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "timePicker",
+	setup(__props, { expose: __expose }) {
+		const value = ref([]);
+		const isShow = ref(false);
+		const timeType = ref([
+			"hour",
+			"minute",
+			"second"
+		]);
+		const MIN = ref();
+		const MAX = ref();
+		const formatterFn = ref();
+		const filterFn = ref();
+		let handleOk;
+		const openTimePickerOpen = ({ val, columnsType, minTime, maxTime, callback, formatter, filter }) => {
+			value.value = val;
+			isShow.value = true;
+			timeType.value = columnsType || [
+				"hour",
+				"minute",
+				"second"
+			];
+			MIN.value = minTime || "";
+			MAX.value = maxTime || "";
+			handleOk = callback;
+			formatterFn.value = formatter;
+			filterFn.value = filter;
+		};
+		const confirm = async () => {
+			await nextTick();
+			handleOk && handleOk(value.value);
+			isShow.value = false;
+		};
+		const cancel = () => {
+			isShow.value = false;
+		};
+		__expose({ openTimePickerOpen });
+		return (_ctx, _cache) => {
+			const _component_van_time_picker = resolveComponent("van-time-picker");
+			const _component_van_popup = resolveComponent("van-popup");
+			return openBlock(), createBlock(_component_van_popup, {
+				show: isShow.value,
+				"onUpdate:show": _cache[1] || (_cache[1] = ($event) => isShow.value = $event),
+				position: "bottom",
+				closeable: false,
+				style: {
+					height: "50%",
+					overflow: "hidden"
+				},
+				round: ""
+			}, {
+				default: withCtx(() => [isShow.value ? (openBlock(), createBlock(_component_van_time_picker, {
+					key: 0,
+					modelValue: value.value,
+					"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => value.value = $event),
+					title: "选择时间",
+					"columns-type": timeType.value,
+					formatter: formatterFn.value,
+					filter: filterFn.value,
+					"min-time": MIN.value,
+					"max-time": MAX.value,
+					onConfirm: confirm,
+					onCancel: cancel
+				}, null, 8, [
+					"modelValue",
+					"columns-type",
+					"formatter",
+					"filter",
+					"min-time",
+					"max-time"
+				])) : createCommentVNode("", true)]),
+				_: 1
+			}, 8, ["show"]);
+		};
+	}
+});
+//#endregion
+export { timePicker_vue_vue_type_script_setup_true_name_timePicker_lang_default as default };

package/es/components/timePicker/src/typing.d.ts

@@ -0,0 +1,13 @@
+import { TimePickerColumnType } from 'vant';
+export interface openTimePickerType {
+    val: string[];
+    columnsType?: TimePickerColumnType[];
+    minTime?: string;
+    maxTime?: string;
+    callback: openPickerCallback;
+    /**对选项的文字进行格式化 */
+    formatter?: () => void;
+    /**对选项数组进行过滤 */
+    filter?: () => void;
+}
+export type openPickerCallback = (value: string[]) => void;

package/es/components/timePicker/src/typing.mjs

@@ -0,0 +1 @@
+import "vant";