@cynnie/ui-element 0.1.0

package/dist/components/ProTable/ProTableForm.vue.d.ts

@@ -0,0 +1,86 @@
+import { FormItem, FormRules } from '@cynnie/ui-core';
+type __VLS_Props = {
+    formItems: FormItem[];
+    rules?: FormRules;
+    formData: Record<string, any>;
+    requestApi: (data: Record<string, any>) => Promise<any>;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {
+    submit(): Promise<any>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    formRef: {
+        $: import('vue').ComponentInternalInstance;
+        $data: {};
+        $props: {
+            readonly modelValue?: Record<string, any>;
+            readonly formItems: FormItem[];
+            readonly rules?: Record<string, any>;
+            readonly span?: number;
+            readonly formConfig?: Record<string, any>;
+            readonly "onUpdate:modelValue"?: (value: Record<string, any>) => any;
+        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        } & {
+            formRef: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import('vue').Slot<any>;
+        }>;
+        $root: import('vue').ComponentPublicInstance | null;
+        $parent: import('vue').ComponentPublicInstance | null;
+        $host: Element | null;
+        $emit: (event: "update:modelValue", value: Record<string, any>) => void;
+        $el: any;
+        $options: import('vue').ComponentOptionsBase<Readonly<{
+            modelValue?: Record<string, any>;
+        } & {
+            formItems: FormItem[];
+            rules?: Record<string, any>;
+            span?: number;
+            formConfig?: Record<string, any>;
+        }> & Readonly<{
+            "onUpdate:modelValue"?: (value: Record<string, any>) => any;
+        }>, {
+            validate: () => any;
+        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            "update:modelValue": (value: Record<string, any>) => any;
+        }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import('vue').nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+    } & Readonly<{}> & Omit<Readonly<{
+        modelValue?: Record<string, any>;
+    } & {
+        formItems: FormItem[];
+        rules?: Record<string, any>;
+        span?: number;
+        formConfig?: Record<string, any>;
+    }> & Readonly<{
+        "onUpdate:modelValue"?: (value: Record<string, any>) => any;
+    }>, "validate"> & import('vue').ShallowUnwrapRef<{
+        validate: () => any;
+    }> & {} & import('vue').ComponentCustomProperties & {} & {
+        $slots: Partial<Record<string, (_: {}) => any>>;
+    };
+}, any>;
+export default _default;

package/dist/components/ProTable/index.js

@@ -0,0 +1,2 @@
+import { t as ProTable_default } from "../../ProTable-DXAnL7FT.js";
+export { ProTable_default as default };

package/dist/components/ProTable/index.vue.d.ts

@@ -0,0 +1,36 @@
+import { PageApis, TableColumn, FormItem, FormRules } from '@cynnie/ui-core';
+type __VLS_Props = {
+    apis: PageApis;
+    rowKey?: string;
+    beforeCreate?: () => Promise<Record<string, any>>;
+    columns: TableColumn[];
+    formItems: FormItem[];
+    rules?: FormRules;
+};
+declare function loadData(): void;
+type __VLS_PublicProps = {
+    "queryParams"?: any;
+} & __VLS_Props;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        search?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {
+    refresh: typeof loadData;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:queryParams": (value: any) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:queryParams"?: (value: any) => any;
+}>, {}, {}, {}, {}, 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/dist/components/index.d.ts

@@ -0,0 +1,12 @@
+export { default as ProTable } from './ProTable/index.vue';
+export { default as ProTableForm } from './ProTable/ProTableForm.vue';
+export { default as ProFormBuilder } from './ProFormBuilder/index.vue';
+export { default as ProButton } from './ProButton/index.vue';
+export { default as ProCountdownButton } from './ProButton/ProCountdownButton.vue';
+export { default as ProInput } from './ProInput/index.vue';
+export { default as ProSelect } from './ProSelect/index.vue';
+export { default as ProCheckboxGroup } from './ProCheckboxGroup/index.vue';
+export { default as ProRadioGroup } from './ProRadioGroup/index.vue';
+export { default as ProModal } from './ProModal/index.vue';
+export { default as ProConfirmButton } from './ProConfirmButton/index.vue';
+export { default as ProDescriptions } from './ProDescriptions/index.vue';

package/dist/index.d.ts

@@ -0,0 +1,8 @@
+export { openDialog, renderDialogForm } from './utils/openDialog.js';
+export { uiMessage } from './utils/uiMessage.js';
+export { createApis } from '@cynnie/ui-core';
+export { useOptions } from '@cynnie/ui-core';
+export { useDebounce, useThrottle, useAsyncLoading } from '@cynnie/ui-core';
+export type { DictOption, UseOptionsOptions, PageApis, PromiseFn, CreateApisOptions, FormItem, FormRules, TableColumn, DialogOptions, DialogHandle, } from '@cynnie/ui-core';
+export type { DescriptionItem } from './components/ProDescriptions/index.vue';
+export { ProTable, ProTableForm, ProFormBuilder, ProButton, ProCountdownButton, ProInput, ProSelect, ProCheckboxGroup, ProRadioGroup, ProModal, ProConfirmButton, ProDescriptions, } from './components/index.js';

package/dist/index.js

@@ -0,0 +1,66 @@
+import { t as ProSelect_default } from "./ProSelect-DH8Nm5LN.js";
+import { t as ProFormBuilder_default } from "./ProFormBuilder-DDzUy-ZE.js";
+import { n as renderDialogForm, t as openDialog } from "./openDialog-BfikyMPD.js";
+import { n as ProTableForm_default, t as ProTable_default } from "./ProTable-DXAnL7FT.js";
+import { t as ProButton_default } from "./ProButton-BfUxqs4G.js";
+import { t as ProInput_default } from "./ProInput-BnjX-7sv.js";
+import { t as ProCheckboxGroup_default } from "./ProCheckboxGroup-BbooVQg4.js";
+import { t as ProRadioGroup_default } from "./ProRadioGroup-CXhwhi2P.js";
+import { t as ProModal_default } from "./ProModal-CTIpMv3y.js";
+import { t as ProConfirmButton_default } from "./ProConfirmButton-BiZ2aUaM.js";
+import { t as ProDescriptions_default } from "./ProDescriptions-DerGI86i.js";
+import { Fragment, createBlock, createElementBlock, createTextVNode, defineComponent, mergeProps, openBlock, ref, renderSlot, resolveComponent, toDisplayString, withCtx } from "vue";
+import { ElMessage } from "element-plus";
+import { createApis, useAsyncLoading, useDebounce, useOptions, useThrottle } from "@cynnie/ui-core";
+const uiMessage = {
+	success: (content) => ElMessage.success(content),
+	info: (content) => ElMessage.info(content),
+	error: (content) => ElMessage.error(content),
+	warning: (content) => ElMessage.warning(content)
+};
+var ProCountdownButton_default = /* @__PURE__ */ defineComponent({
+	name: "ProCountdownButton",
+	inheritAttrs: false,
+	__name: "ProCountdownButton",
+	props: {
+		seconds: { default: 60 },
+		countingText: { default: "{n}s 后重发" },
+		onClick: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const remaining = ref(0);
+		let timer;
+		function stopTimer() {
+			if (timer) {
+				clearInterval(timer);
+				timer = void 0;
+			}
+		}
+		async function handleClick(...args) {
+			if (remaining.value > 0) return;
+			if (props.onClick) {
+				const result = props.onClick(...args);
+				if (result instanceof Promise) await result;
+			}
+			remaining.value = props.seconds;
+			timer = setInterval(() => {
+				remaining.value -= 1;
+				if (remaining.value <= 0) stopTimer();
+			}, 1e3);
+		}
+		return (_ctx, _cache) => {
+			const _component_el_button = resolveComponent("el-button");
+			return openBlock(), createBlock(_component_el_button, mergeProps(_ctx.$attrs, {
+				disabled: remaining.value > 0,
+				onClick: handleClick
+			}), {
+				default: withCtx(() => [remaining.value > 0 ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createTextVNode(toDisplayString(props.countingText.replace("{n}", String(remaining.value))), 1)], 64)) : renderSlot(_ctx.$slots, "default", { key: 1 })]),
+				_: 3
+			}, 16, ["disabled"]);
+		};
+	}
+});
+export { ProButton_default as ProButton, ProCheckboxGroup_default as ProCheckboxGroup, ProConfirmButton_default as ProConfirmButton, ProCountdownButton_default as ProCountdownButton, ProDescriptions_default as ProDescriptions, ProFormBuilder_default as ProFormBuilder, ProInput_default as ProInput, ProModal_default as ProModal, ProRadioGroup_default as ProRadioGroup, ProSelect_default as ProSelect, ProTable_default as ProTable, ProTableForm_default as ProTableForm, createApis, openDialog, renderDialogForm, uiMessage, useAsyncLoading, useDebounce, useOptions, useThrottle };
+
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["$attrs"],"sources":["../src/utils/uiMessage.ts","../src/components/ProButton/ProCountdownButton.vue","../src/components/ProButton/ProCountdownButton.vue"],"sourcesContent":["import { ElMessage } from \"element-plus\";\n\n/**\n * 全局提示的统一抽象：两套实现包导出同名方法，调用方无需关心底层 UI 库。\n */\nexport const uiMessage = {\n  success: (content: string) => ElMessage.success(content),\n  info: (content: string) => ElMessage.info(content),\n  error: (content: string) => ElMessage.error(content),\n  warning: (content: string) => ElMessage.warning(content),\n};\n","<script setup lang=\"ts\">\nimport { ref } from \"vue\";\n\ndefineOptions({\n  name: \"ProCountdownButton\",\n  inheritAttrs: false,\n});\n\nconst props = withDefaults(\n  defineProps<{\n    /** 倒计时秒数 */\n    seconds?: number;\n    /** 倒计时期间按钮文案，{} 会替换为剩余秒数 */\n    countingText?: string;\n    /** 点击处理函数：返回 Promise 且 resolve 后才开始倒计时（适合发验证码接口） */\n    onClick?: (...args: any[]) => any;\n  }>(),\n  {\n    seconds: 60,\n    countingText: \"{n}s 后重发\",\n  },\n);\n\nconst remaining = ref(0);\nlet timer: ReturnType<typeof setInterval> | undefined;\n\nfunction stopTimer() {\n  if (timer) {\n    clearInterval(timer);\n    timer = undefined;\n  }\n}\n\nasync function handleClick(...args: any[]) {\n  if (remaining.value > 0) return;\n\n  if (props.onClick) {\n    const result = props.onClick(...args);\n    if (result instanceof Promise) await result;\n  }\n\n  remaining.value = props.seconds;\n  timer = setInterval(() => {\n    remaining.value -= 1;\n    if (remaining.value <= 0) stopTimer();\n  }, 1000);\n}\n</script>\n\n<template>\n  <el-button v-bind=\"$attrs\" :disabled=\"remaining > 0\" @click=\"handleClick\">\n    <template v-if=\"remaining > 0\">{{\n      props.countingText.replace(\"{n}\", String(remaining))\n    }}</template>\n    <slot v-else></slot>\n  </el-button>\n</template>\n","<script setup lang=\"ts\">\nimport { ref } from \"vue\";\n\ndefineOptions({\n  name: \"ProCountdownButton\",\n  inheritAttrs: false,\n});\n\nconst props = withDefaults(\n  defineProps<{\n    /** 倒计时秒数 */\n    seconds?: number;\n    /** 倒计时期间按钮文案，{} 会替换为剩余秒数 */\n    countingText?: string;\n    /** 点击处理函数：返回 Promise 且 resolve 后才开始倒计时（适合发验证码接口） */\n    onClick?: (...args: any[]) => any;\n  }>(),\n  {\n    seconds: 60,\n    countingText: \"{n}s 后重发\",\n  },\n);\n\nconst remaining = ref(0);\nlet timer: ReturnType<typeof setInterval> | undefined;\n\nfunction stopTimer() {\n  if (timer) {\n    clearInterval(timer);\n    timer = undefined;\n  }\n}\n\nasync function handleClick(...args: any[]) {\n  if (remaining.value > 0) return;\n\n  if (props.onClick) {\n    const result = props.onClick(...args);\n    if (result instanceof Promise) await result;\n  }\n\n  remaining.value = props.seconds;\n  timer = setInterval(() => {\n    remaining.value -= 1;\n    if (remaining.value <= 0) stopTimer();\n  }, 1000);\n}\n</script>\n\n<template>\n  <el-button v-bind=\"$attrs\" :disabled=\"remaining > 0\" @click=\"handleClick\">\n    <template v-if=\"remaining > 0\">{{\n      props.countingText.replace(\"{n}\", String(remaining))\n    }}</template>\n    <slot v-else></slot>\n  </el-button>\n</template>\n"],"mappings":";;;;;;;;;;;;;;AAKA,MAAa,YAAY;CACvB,UAAU,YAAoB,UAAU,QAAQ,QAAQ;CACxD,OAAO,YAAoB,UAAU,KAAK,QAAQ;CAClD,QAAQ,YAAoB,UAAU,MAAM,QAAQ;CACpD,UAAU,YAAoB,UAAU,QAAQ,QAAQ;CACzD;;;;;;;;;;;EEFD,MAAM,QAAQ;EAed,MAAM,YAAY,IAAI,EAAE;EACxB,IAAI;EAEJ,SAAS,YAAY;AACnB,OAAI,OAAO;AACT,kBAAc,MAAM;AACpB,YAAQ,KAAA;;;EAIZ,eAAe,YAAY,GAAG,MAAa;AACzC,OAAI,UAAU,QAAQ,EAAG;AAEzB,OAAI,MAAM,SAAS;IACjB,MAAM,SAAS,MAAM,QAAQ,GAAG,KAAK;AACrC,QAAI,kBAAkB,QAAS,OAAM;;AAGvC,aAAU,QAAQ,MAAM;AACxB,WAAQ,kBAAkB;AACxB,cAAU,SAAS;AACnB,QAAI,UAAU,SAAS,EAAG,YAAW;MACpC,IAAK;;;;uBAKR,YAKY,sBALZ,WAAmBA,KAKP,QALa;IAAG,UAAU,UAAA,QAAS;IAAO,SAAO;;2BAG9C,CAFG,UAAA,QAAS,KAAA,WAAA,EAAzB,mBAEa,UAAA,EAAA,KAAA,GAAA,EAAA,CAAA,gBAAA,gBADX,MAAM,aAAa,QAAO,OAAQ,OAAO,UAAA,MAAS,CAAA,CAAA,EAAA,EAAA,CAAA,EAAA,GAAA,IAEpD,WAAoB,KAAA,QAAA,WAAA,EAAA,KAAA,GAAA,CAAA,CAAA,CAAA"}

package/dist/openDialog-BfikyMPD.js

@@ -0,0 +1,79 @@
+import { t as ProFormBuilder_default } from "./ProFormBuilder-DDzUy-ZE.js";
+import { createApp, h, reactive, ref } from "vue";
+import { ElButton, ElCol, ElDialog, ElForm, ElFormItem, ElRow } from "element-plus";
+var EMPTY_OBJ = Object.freeze({});
+function openDialog(component, props = EMPTY_OBJ, modelProps = EMPTY_OBJ) {
+	const { methodKey = "submit", onSubmit, ...restProps } = props;
+	const open = ref(true);
+	const instance = ref();
+	const container = document.createElement("div");
+	const loading = ref(false);
+	document.body.appendChild(container);
+	const reactiveModelProps = reactive(modelProps);
+	const dialog = () => {
+		const title = typeof reactiveModelProps.title === "function" ? reactiveModelProps.title() : reactiveModelProps.title;
+		return h(ElDialog, {
+			...reactiveModelProps,
+			title,
+			modelValue: open.value,
+			"onUpdate:modelValue": (value) => {
+				open.value = value;
+			},
+			beforeClose: (done) => {
+				open.value = false;
+				reactiveModelProps.onCancel?.();
+				done();
+			}
+		}, {
+			default: () => h(component, {
+				...restProps,
+				ref: instance
+			}),
+			footer: () => h("div", null, [h(ElButton, { onClick: () => open.value = false }, () => "取消"), h(ElButton, {
+				type: "primary",
+				loading: loading.value,
+				onClick: handleOk
+			}, () => "确定")])
+		});
+	};
+	async function handleOk() {
+		loading.value = true;
+		try {
+			let result;
+			if (onSubmit) result = await onSubmit(instance.value);
+			else if (instance.value?.[methodKey]) result = await instance.value[methodKey]();
+			open.value = false;
+			reactiveModelProps.onOk?.(result);
+		} catch {} finally {
+			loading.value = false;
+		}
+	}
+	const app = createApp(dialog);
+	app.component("ElForm", ElForm);
+	app.component("ElRow", ElRow);
+	app.component("ElCol", ElCol);
+	app.component("ElFormItem", ElFormItem);
+	app.mount(container);
+	function close() {
+		open.value = false;
+	}
+	return { close };
+}
+function renderDialogForm(formProps, modelProps = EMPTY_OBJ) {
+	const reactiveFormProps = reactive(formProps);
+	return openDialog({ setup(_, { expose }) {
+		const formInstance = ref();
+		expose({ async submit() {
+			await formInstance.value?.validate?.();
+			return reactiveFormProps.modelValue;
+		} });
+		const FormComp = ProFormBuilder_default;
+		return () => h(FormComp, {
+			...reactiveFormProps,
+			ref: formInstance
+		});
+	} }, {}, modelProps);
+}
+export { renderDialogForm as n, openDialog as t };
+
+//# sourceMappingURL=openDialog-BfikyMPD.js.map

package/dist/openDialog-BfikyMPD.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"openDialog-BfikyMPD.js","names":["result: any"],"sources":["../src/utils/openDialog.ts"],"sourcesContent":["import { type Component, h, createApp, reactive, ref } from \"vue\";\nimport { ElButton, ElCol, ElDialog, ElForm, ElFormItem, ElRow } from \"element-plus\";\nimport ProFormBuilder from \"../components/ProFormBuilder/index.vue\";\nimport type { DialogHandle } from \"@cynnie/ui-core\";\n\n// 避免每次调用都创建新空对象\nconst EMPTY_OBJ = Object.freeze({});\n\ninterface ElDialogProps extends Record<string, any> {\n  title?: any;\n  width?: string | number;\n  onOk?: (result?: any) => any;\n  onCancel?: (e?: any) => any;\n}\n\nexport function openDialog(\n  component: Component,\n  props: Record<string, any> = EMPTY_OBJ,\n  modelProps: ElDialogProps = EMPTY_OBJ,\n): DialogHandle {\n  // 与 antd 版契约一致：\n  // - methodKey：内容组件暴露的方法名，默认 'submit'\n  // - onSubmit：直接传函数（拿到内容组件实例），优先级高于 methodKey\n  const { methodKey = \"submit\", onSubmit, ...restProps } = props;\n  const open = ref(true);\n  const instance = ref<Record<string, any>>();\n  const container = document.createElement(\"div\");\n  const loading = ref(false);\n  document.body.appendChild(container);\n\n  // reactive 包一层：外部传 ref 的 title 等配置可动态响应\n  const reactiveModelProps = reactive(modelProps);\n  const dialog = () => {\n    const title =\n      typeof reactiveModelProps.title === \"function\" ? (reactiveModelProps.title as any)() : reactiveModelProps.title;\n    return h(\n      ElDialog,\n      {\n        ...reactiveModelProps,\n        title,\n        modelValue: open.value,\n        \"onUpdate:modelValue\": (value: boolean) => {\n          open.value = value;\n        },\n        beforeClose: (done: () => void) => {\n          // 点 X / ESC 走这里，与 onCancel 对齐；确定按钮不经过 beforeClose\n          open.value = false;\n          reactiveModelProps.onCancel?.();\n          done();\n        },\n      },\n      {\n        // ElDialog 的 footer 是插槽而不是 prop\n        default: () => h(component, { ...restProps, ref: instance }),\n        footer: () =>\n          h(\"div\", null, [\n            h(ElButton, { onClick: () => (open.value = false) }, () => \"取消\"),\n            h(ElButton, { type: \"primary\", loading: loading.value, onClick: handleOk }, () => \"确定\"),\n          ]),\n      },\n    );\n  };\n\n  async function handleOk() {\n    loading.value = true;\n    try {\n      let result: any;\n      if (onSubmit) {\n        result = await onSubmit(instance.value);\n      } else if (instance.value?.[methodKey]) {\n        result = await instance.value[methodKey]();\n      }\n      open.value = false;\n      // 内容组件提交方法（或 onSubmit）的返回值交给 onOk\n      reactiveModelProps.onOk?.(result);\n    } catch {\n      // 提交失败（校验不通过 / 请求报错）保持弹窗打开\n    } finally {\n      loading.value = false;\n    }\n  }\n\n  function unmount() {\n    app.unmount();\n    document.body.removeChild(container);\n  }\n\n  const app = createApp(dialog);\n  // 命令式 createApp 的独立实例没有全局注册的 el-* 组件，内容组件模板里的\n  // el-form/el-row/el-col/el-form-item 需要在这里补注册\n  app.component(\"ElForm\", ElForm);\n  app.component(\"ElRow\", ElRow);\n  app.component(\"ElCol\", ElCol);\n  app.component(\"ElFormItem\", ElFormItem);\n  app.mount(container);\n\n  // 返回 close 方法，调用方可编程式关闭弹窗\n  function close() {\n    open.value = false;\n  }\n  return { close };\n}\n\n/**\n * 命令式弹窗表单：一行代码弹出一个「确定时自动校验」的表单弹窗。\n *\n * @param formProps  ProFormBuilder 的配置：formItems / rules / modelValue 等\n * @param modelProps 弹窗的配置（title / width / onOk 等）\n * @returns { close } 关闭弹窗\n *\n * @example\n * const { close } = renderDialogForm(\n *   { formItems: [{ label: '姓名', key: 'name' }], rules: { name: [{ required: true }] } },\n *   { title: '新增用户', onOk: (data) => console.log('提交', data) },\n * );\n */\nexport function renderDialogForm(formProps: Record<string, any>, modelProps: ElDialogProps = EMPTY_OBJ): DialogHandle {\n  const reactiveFormProps = reactive(formProps);\n  return openDialog(\n    {\n      setup(_: any, { expose }: any) {\n        const formInstance = ref();\n        expose({\n          // 点确定时先跑表单校验，通过后把表单数据交给 onOk\n          async submit() {\n            await formInstance.value?.validate?.();\n            return reactiveFormProps.modelValue;\n          },\n        });\n        // formProps 是运行时动态对象，断言绕开 h() 对 .vue 组件的严格 props 推断\n        const FormComp = ProFormBuilder as unknown as Component;\n        return () => h(FormComp, { ...reactiveFormProps, ref: formInstance });\n      },\n    },\n    {},\n    modelProps,\n  );\n}\n"],"mappings":";;;AAMA,IAAM,YAAY,OAAO,OAAO,EAAE,CAAC;AASnC,SAAgB,WACd,WACA,QAA6B,WAC7B,aAA4B,WACd;CAId,MAAM,EAAE,YAAY,UAAU,UAAU,GAAG,cAAc;CACzD,MAAM,OAAO,IAAI,KAAK;CACtB,MAAM,WAAW,KAA0B;CAC3C,MAAM,YAAY,SAAS,cAAc,MAAM;CAC/C,MAAM,UAAU,IAAI,MAAM;AAC1B,UAAS,KAAK,YAAY,UAAU;CAGpC,MAAM,qBAAqB,SAAS,WAAW;CAC/C,MAAM,eAAe;EACnB,MAAM,QACJ,OAAO,mBAAmB,UAAU,aAAc,mBAAmB,OAAe,GAAG,mBAAmB;AAC5G,SAAO,EACL,UACA;GACE,GAAG;GACH;GACA,YAAY,KAAK;GACjB,wBAAwB,UAAmB;AACzC,SAAK,QAAQ;;GAEf,cAAc,SAAqB;AAEjC,SAAK,QAAQ;AACb,uBAAmB,YAAY;AAC/B,UAAM;;GAET,EACD;GAEE,eAAe,EAAE,WAAW;IAAE,GAAG;IAAW,KAAK;IAAU,CAAC;GAC5D,cACE,EAAE,OAAO,MAAM,CACb,EAAE,UAAU,EAAE,eAAgB,KAAK,QAAQ,OAAQ,QAAQ,KAAK,EAChE,EAAE,UAAU;IAAE,MAAM;IAAW,SAAS,QAAQ;IAAO,SAAS;IAAU,QAAQ,KAAK,CACxF,CAAC;GACL,CACF;;CAGH,eAAe,WAAW;AACxB,UAAQ,QAAQ;AAChB,MAAI;GACF,IAAIA;AACJ,OAAI,SACF,UAAS,MAAM,SAAS,SAAS,MAAM;YAC9B,SAAS,QAAQ,WAC1B,UAAS,MAAM,SAAS,MAAM,YAAY;AAE5C,QAAK,QAAQ;AAEb,sBAAmB,OAAO,OAAO;UAC3B,WAEE;AACR,WAAQ,QAAQ;;;CASpB,MAAM,MAAM,UAAU,OAAO;AAG7B,KAAI,UAAU,UAAU,OAAO;AAC/B,KAAI,UAAU,SAAS,MAAM;AAC7B,KAAI,UAAU,SAAS,MAAM;AAC7B,KAAI,UAAU,cAAc,WAAW;AACvC,KAAI,MAAM,UAAU;CAGpB,SAAS,QAAQ;AACf,OAAK,QAAQ;;AAEf,QAAO,EAAE,OAAO;;AAgBlB,SAAgB,iBAAiB,WAAgC,aAA4B,WAAyB;CACpH,MAAM,oBAAoB,SAAS,UAAU;AAC7C,QAAO,WACL,EACE,MAAM,GAAQ,EAAE,UAAe;EAC7B,MAAM,eAAe,KAAK;AAC1B,SAAO,EAEL,MAAM,SAAS;AACb,SAAM,aAAa,OAAO,YAAY;AACtC,UAAO,kBAAkB;KAE5B,CAAC;EAEF,MAAM,WAAW;AACjB,eAAa,EAAE,UAAU;GAAE,GAAG;GAAmB,KAAK;GAAc,CAAC;IAExE,EACD,EAAE,EACF,WACD"}

package/dist/utils/openDialog.d.ts

@@ -0,0 +1,24 @@
+import { Component } from 'vue';
+import { DialogHandle } from '@cynnie/ui-core';
+interface ElDialogProps extends Record<string, any> {
+    title?: any;
+    width?: string | number;
+    onOk?: (result?: any) => any;
+    onCancel?: (e?: any) => any;
+}
+export declare function openDialog(component: Component, props?: Record<string, any>, modelProps?: ElDialogProps): DialogHandle;
+/**
+ * 命令式弹窗表单：一行代码弹出一个「确定时自动校验」的表单弹窗。
+ *
+ * @param formProps  ProFormBuilder 的配置：formItems / rules / modelValue 等
+ * @param modelProps 弹窗的配置（title / width / onOk 等）
+ * @returns { close } 关闭弹窗
+ *
+ * @example
+ * const { close } = renderDialogForm(
+ *   { formItems: [{ label: '姓名', key: 'name' }], rules: { name: [{ required: true }] } },
+ *   { title: '新增用户', onOk: (data) => console.log('提交', data) },
+ * );
+ */
+export declare function renderDialogForm(formProps: Record<string, any>, modelProps?: ElDialogProps): DialogHandle;
+export {};

package/dist/utils/openDialog.js

@@ -0,0 +1,2 @@
+import { n as renderDialogForm, t as openDialog } from "../openDialog-BfikyMPD.js";
+export { openDialog, renderDialogForm };

package/dist/utils/uiMessage.d.ts

@@ -0,0 +1,9 @@
+/**
+ * 全局提示的统一抽象：两套实现包导出同名方法，调用方无需关心底层 UI 库。
+ */
+export declare const uiMessage: {
+    success: (content: string) => import('element-plus').MessageHandler;
+    info: (content: string) => import('element-plus').MessageHandler;
+    error: (content: string) => import('element-plus').MessageHandler;
+    warning: (content: string) => import('element-plus').MessageHandler;
+};

package/package.json

@@ -0,0 +1,96 @@
+{
+  "name": "@cynnie/ui-element",
+  "version": "0.1.0",
+  "type": "module",
+  "description": "基于 element-plus 的 SnowUI 二次封装组件库，API 与 @cynnie/ui-antd 对齐",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/snowbitx/ui.git",
+    "directory": "packages/ui-element"
+  },
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./components/ProTable": {
+      "types": "./dist/components/ProTable/index.vue.d.ts",
+      "import": "./dist/components/ProTable/index.js"
+    },
+    "./components/ProFormBuilder": {
+      "types": "./dist/components/ProFormBuilder/index.vue.d.ts",
+      "import": "./dist/components/ProFormBuilder/index.js"
+    },
+    "./utils/openDialog": {
+      "types": "./dist/utils/openDialog.d.ts",
+      "import": "./dist/utils/openDialog.js"
+    },
+    "./components/ProButton": {
+      "types": "./dist/components/ProButton/index.vue.d.ts",
+      "import": "./dist/components/ProButton/index.js"
+    },
+    "./components/ProInput": {
+      "types": "./dist/components/ProInput/index.vue.d.ts",
+      "import": "./dist/components/ProInput/index.js"
+    },
+    "./components/ProSelect": {
+      "types": "./dist/components/ProSelect/index.vue.d.ts",
+      "import": "./dist/components/ProSelect/index.js"
+    },
+    "./components/ProCheckboxGroup": {
+      "types": "./dist/components/ProCheckboxGroup/index.vue.d.ts",
+      "import": "./dist/components/ProCheckboxGroup/index.js"
+    },
+    "./components/ProRadioGroup": {
+      "types": "./dist/components/ProRadioGroup/index.vue.d.ts",
+      "import": "./dist/components/ProRadioGroup/index.js"
+    },
+    "./components/ProModal": {
+      "types": "./dist/components/ProModal/index.vue.d.ts",
+      "import": "./dist/components/ProModal/index.js"
+    },
+    "./components/ProConfirmButton": {
+      "types": "./dist/components/ProConfirmButton/index.vue.d.ts",
+      "import": "./dist/components/ProConfirmButton/index.js"
+    },
+    "./components/ProDescriptions": {
+      "types": "./dist/components/ProDescriptions/index.vue.d.ts",
+      "import": "./dist/components/ProDescriptions/index.js"
+    },
+    "./package.json": "./package.json"
+  },
+  "files": [
+    "dist"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "sideEffects": false,
+  "peerDependencies": {
+    "element-plus": "^2.9.0",
+    "vue": "^3.5.17"
+  },
+  "dependencies": {
+    "lodash-es": "^4.17.21",
+    "@cynnie/ui-core": "^0.1.0"
+  },
+  "devDependencies": {
+    "@types/lodash-es": "^4.17.12",
+    "@vitejs/plugin-vue": "^6.0.0",
+    "@vitejs/plugin-vue-jsx": "^5.0.0",
+    "@vue/tsconfig": "^0.7.0",
+    "element-plus": "^2.9.0",
+    "vite": "npm:rolldown-vite@^7.3.1",
+    "vite-plugin-dts": "^4.5.4",
+    "vue-tsc": "^2.2.10"
+  },
+  "scripts": {
+    "build": "vite build",
+    "format": "prettier --write src/",
+    "type-check": "vue-tsc --noEmit -p tsconfig.json"
+  }
+}