@kayak-sj/design 1.0.0

package/dist/config/uploadConfig.js

@@ -0,0 +1,29 @@
+//#region src/config/uploadConfig.ts
+var e = {
+	urls: {
+		BASE_URL: "/adm/",
+		UPLOAD_FILE_URL: "/adm/commons/file/uploadfile",
+		DOWNLOAD_FILE_URL: "/adm/commons/file/downloadfile?resource_id=",
+		UPLOAD_IMG_URL: "/adm/commons/file/uploadimg",
+		SHOW_IMG_URL: "/adm/commons/file/showimg?resource_id=",
+		UPLOAD_EXCEL_URL: "/adm/commons/file/importfile",
+		EXPORT_DATA_URL: "/adm/commons/file/imp/901004",
+		UPLOAD_TXT_URL: "/adm/commons/file/uploadCoreCustNofile"
+	},
+	templateDownloadBaseUrl: "/file/",
+	templateCodeRelation: {},
+	responseCode: "head_ret_code",
+	responseMsg: "head_ret_msg",
+	responseSuccessCode: "000000"
+};
+function t(t) {
+	e = {
+		...e,
+		...t
+	};
+}
+function n() {
+	return e;
+}
+//#endregion
+export { n as getUploadConfig, t as updateUploadConfig };

package/dist/index.d.ts

@@ -0,0 +1,11 @@
+import { App } from 'vue';
+export * from './components';
+export { getDesignTheme, setDesignTheme, initDesignTheme, type DesignTheme } from './theme';
+export { updateUploadConfig, getUploadConfig, type KUploadFileItem, type UploadConfig } from './config/uploadConfig';
+export { createUploadFileItem, hasUploadSubmitFields, toUploadFiles, toUploadSubmitFields, type CreateUploadFileItemOptions, type ToUploadFilesOptions, type ToUploadSubmitFieldsOptions, type UploadSubmitFields } from './components/k-upload/utils/uploadFileValue';
+export { useFormSchema, mapFieldVisibility, resolveSchemaField } from './components/k-form';
+export { useHandlePageInit, type UseHandlePageInitOptions } from './components/k-handle-page';
+export * from './utils/validators';
+/** 全局注册 @kayak-sj/design 组件（可选，业务侧也可按需 import） */
+export declare function setupDesign(app: App): void;
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,eAAe,EAAE,KAAK,WAAW,EAAE,MAAM,SAAS,CAAA;AAC3F,OAAO,EAAE,kBAAkB,EAAE,eAAe,EAAE,KAAK,eAAe,EAAE,KAAK,YAAY,EAAE,MAAM,uBAAuB,CAAA;AACpH,OAAO,EACL,oBAAoB,EACpB,qBAAqB,EACrB,aAAa,EACb,oBAAoB,EACpB,KAAK,2BAA2B,EAChC,KAAK,oBAAoB,EACzB,KAAK,2BAA2B,EAChC,KAAK,kBAAkB,EACxB,MAAM,6CAA6C,CAAA;AACpD,OAAO,EAAE,aAAa,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAA;AAC3F,OAAO,EAAE,iBAAiB,EAAE,KAAK,wBAAwB,EAAE,MAAM,4BAA4B,CAAA;AAC7F,cAAc,oBAAoB,CAAA;AAElC,OAAO,KAAK,EAAE,GAAG,EAAa,MAAM,KAAK,CAAA;AAGzC,kDAAkD;AAClD,wBAAgB,WAAW,CAAC,GAAG,EAAE,GAAG,QAInC"}

package/dist/index.js

@@ -0,0 +1,46 @@
+import e from "./components/k-button/KButton.js";
+import t from "./components/k-dialog/KDialogHeader.js";
+import n from "./components/k-dialog/KDialog.js";
+import { DICT_KEY as r } from "./components/k-table/types.js";
+import i from "./components/k-form/formComponent/CheckBox.js";
+import a from "./components/k-form/formComponent/DatePicker.js";
+import o from "./components/k-form/formComponent/Input.js";
+import s from "./components/k-form/formComponent/Select.js";
+import c from "./components/k-form/formComponent/Radio.js";
+import l from "./components/k-form/formComponent/TimePicker.js";
+import { getUploadConfig as u, updateUploadConfig as d } from "./config/uploadConfig.js";
+import f from "./components/k-upload/KUpload.js";
+import { registerFormComponents as p } from "./components/k-form/formComponent/componentRegistry.js";
+import m from "./components/k-form/KForm.js";
+import { useKFormTemplateRef as h } from "./components/k-form/composables/useKFormTemplateRef.js";
+import { mapFieldVisibility as g, resolveSchemaField as _, useFormSchema as v } from "./components/k-form/composables/useFormSchema.js";
+import y from "./components/k-handle-page/KHandlePage.js";
+import { useHandlePageInit as b } from "./components/k-handle-page/useHandlePageInit.js";
+import { getAllLucideKebabNames as x, pascalToKebab as S, resolveLucideIcon as C, toLucidePascalName as w } from "./components/k-icon/resolveLucideIcon.js";
+import T from "./components/k-icon/KIcon.js";
+import E from "./components/k-link-button/KLinkButton.js";
+import D from "./components/k-pagination/KPagination.js";
+import O from "./components/k-long-page/KLongPage.js";
+import k from "./components/k-card/KCard.js";
+import A from "./components/k-panel/KPanel.js";
+import j from "./components/k-panel-query/KPanelQuery.js";
+import M from "./components/k-table/KTable.js";
+import { mapGroupDictToOptions as N } from "./components/k-table/dictOptions.js";
+import { useKTableTemplateRef as P } from "./components/k-table/composables/useKTableTemplateRef.js";
+import { useKTableCrossPageSelection as F } from "./components/k-table/composables/useKTableCrossPageSelection.js";
+import { exportKTableReport as I, exportKTableReportData as L } from "./components/k-table/report/exportKTableReport.js";
+import { withQueryFieldOptions as R } from "./components/k-table/report/mergeQueryConfig.js";
+import { useExportKTableReport as z } from "./components/k-table/report/useExportKTableReport.js";
+import { countEditorHtmlWords as B, countEditorWords as V, getEditorHtml as H, getEditorWordCount as U, toKEditorValue as W } from "./components/k-editor/utils/editorValue.js";
+import { createUploadFileItem as G, hasUploadSubmitFields as K, toUploadFiles as q, toUploadSubmitFields as J } from "./components/k-upload/utils/uploadFileValue.js";
+import { KAffix as Y, KBreadcrumb as X, KCascader as Z, KColorPicker as Q, components_exports as $ } from "./components/index.js";
+import { getDesignTheme as ee, initDesignTheme as te, setDesignTheme as ne } from "./theme/index.js";
+import { BANK_ACCOUNT_PATTERN as re, DECIMAL_MONEY_PATTERN as ie, HTTP_URL_PATTERN as ae, ID_CODE_PATTERN as oe, NON_NEGATIVE_INT_PATTERN as se, OPTIONAL_NON_NEGATIVE_INT_PATTERN as ce, PHONE_PATTERN as le, POSITIVE_INT_PATTERN as ue, USC_CODE_PATTERN as de, alphaNumCodeRule as fe, bankAccountRule as pe, cnAlphaNumRule as me, compareRule as he, createPatternValidator as ge, httpUrlRule as _e, idCodeRule as ve, mixedNameRule as ye, moneyRule as be, nonNegativeIntRule as xe, optionalNonNegativeIntRule as Se, phoneRule as Ce, positiveIntRule as we, uscCodeRule as Te } from "./utils/validators.js";
+//#region src/index.ts
+function Ee(e) {
+	Object.entries($).forEach(([t, n]) => {
+		e.component(t, n);
+	});
+}
+//#endregion
+export { re as BANK_ACCOUNT_PATTERN, ie as DECIMAL_MONEY_PATTERN, r as DICT_KEY, ae as HTTP_URL_PATTERN, oe as ID_CODE_PATTERN, Y as KAffix, X as KBreadcrumb, e as KButton, k as KCard, Z as KCascader, i as KCheckbox, Q as KColorPicker, a as KDatePicker, n as KDialog, t as KDialogHeader, m as KForm, y as KHandlePage, T as KIcon, o as KInput, E as KLinkButton, O as KLongPage, D as KPagination, A as KPanel, j as KPanelQuery, c as KRadio, s as KSelect, M as KTable, l as KTimePicker, f as KUpload, se as NON_NEGATIVE_INT_PATTERN, ce as OPTIONAL_NON_NEGATIVE_INT_PATTERN, le as PHONE_PATTERN, ue as POSITIVE_INT_PATTERN, de as USC_CODE_PATTERN, fe as alphaNumCodeRule, pe as bankAccountRule, me as cnAlphaNumRule, he as compareRule, B as countEditorHtmlWords, V as countEditorWords, ge as createPatternValidator, G as createUploadFileItem, I as exportKTableReport, L as exportKTableReportData, x as getAllLucideKebabNames, ee as getDesignTheme, H as getEditorHtml, U as getEditorWordCount, u as getUploadConfig, K as hasUploadSubmitFields, _e as httpUrlRule, ve as idCodeRule, te as initDesignTheme, g as mapFieldVisibility, N as mapGroupDictToOptions, ye as mixedNameRule, be as moneyRule, xe as nonNegativeIntRule, Se as optionalNonNegativeIntRule, S as pascalToKebab, Ce as phoneRule, we as positiveIntRule, p as registerFormComponents, C as resolveLucideIcon, _ as resolveSchemaField, ne as setDesignTheme, Ee as setupDesign, W as toKEditorValue, w as toLucidePascalName, q as toUploadFiles, J as toUploadSubmitFields, d as updateUploadConfig, Te as uscCodeRule, z as useExportKTableReport, v as useFormSchema, b as useHandlePageInit, h as useKFormTemplateRef, F as useKTableCrossPageSelection, P as useKTableTemplateRef, R as withQueryFieldOptions };

package/dist/theme/index.d.ts

@@ -0,0 +1,21 @@
+/**
+ * 支持的设计主题标识
+ * - kayak（默认）：沿用 kayak_02 蓝色主题
+ * - blue-pro：专业蓝 Analytics 色板
+ * - dark：深色模式
+ */
+export type DesignTheme = 'kayak' | 'blue-pro' | 'dark';
+/**
+ * 获取当前设计主题
+ */
+export declare function getDesignTheme(): DesignTheme;
+/**
+ * 切换设计主题（写入 html[data-theme] 并持久化到 localStorage）
+ */
+export declare function setDesignTheme(theme: DesignTheme): void;
+/**
+ * 从 localStorage 恢复上次选择的主题；无记录时使用 kayak 默认主题。
+ * 应用启动时尽早调用（建议在 main.ts 顶部）。
+ */
+export declare function initDesignTheme(): void;
+//# sourceMappingURL=index.d.ts.map

package/dist/theme/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/theme/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,UAAU,GAAG,MAAM,CAAA;AAKvD;;GAEG;AACH,wBAAgB,cAAc,IAAI,WAAW,CAI5C;AAED;;GAEG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,WAAW,QAQhD;AAED;;;GAGG;AACH,wBAAgB,eAAe,SAa9B"}

package/dist/theme/index.js

@@ -0,0 +1,22 @@
+//#region src/theme/index.ts
+var e = "data-theme", t = "kayak-design-theme";
+function n() {
+	let t = document.documentElement.getAttribute(e);
+	return t === "blue-pro" || t === "dark" ? t : "kayak";
+}
+function r(n) {
+	document.documentElement.setAttribute(e, n);
+	try {
+		localStorage.setItem(t, n);
+	} catch {}
+}
+function i() {
+	let e = "kayak";
+	try {
+		let n = localStorage.getItem(t);
+		(n === "kayak" || n === "blue-pro" || n === "dark") && (e = n);
+	} catch {}
+	r(e);
+}
+//#endregion
+export { n as getDesignTheme, i as initDesignTheme, r as setDesignTheme };

package/dist/utils/createStubComponent.d.ts

@@ -0,0 +1,8 @@
+/** 迁移占位组件，业务页接入后可逐个替换为真实实现 */
+export declare function createStubComponent(name: string): import('vue').DefineComponent<{}, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export declare function createLucideStubComponent(name?: string): import('vue').DefineComponent<{}, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=createStubComponent.d.ts.map

package/dist/utils/createStubComponent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createStubComponent.d.ts","sourceRoot":"","sources":["../../src/utils/createStubComponent.ts"],"names":[],"mappings":"AAEA,8BAA8B;AAC9B,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,MAAM;;4OAqB/C;AAED,wBAAgB,yBAAyB,CAAC,IAAI,CAAC,EAAE,MAAM;;4OA8BtD"}

package/dist/utils/createStubComponent.js

@@ -0,0 +1,43 @@
+import { defineComponent as e, h as t } from "vue";
+//#region src/utils/createStubComponent.ts
+function n(n) {
+	return e({
+		name: n,
+		inheritAttrs: !0,
+		setup(e, { attrs: r, slots: i }) {
+			return () => t("div", {
+				class: "k-design-stub",
+				"data-component": n,
+				...r
+			}, i.default?.() ?? `[${n}] 待迁移`);
+		}
+	});
+}
+function r(n) {
+	return e({
+		name: `LucideStub_${n}`,
+		inheritAttrs: !0,
+		setup(e, { attrs: r }) {
+			return () => t("span", {
+				class: "k-icon k-icon--stub",
+				style: {
+					display: "inline-flex",
+					alignItems: "center",
+					justifyContent: "center",
+					width: `${r.size ?? 18}px`,
+					height: `${r.size ?? 18}px`,
+					fontSize: "10px",
+					color: "var(--el-text-color-placeholder, #a8abb2)",
+					border: "1px dashed currentColor",
+					borderRadius: "2px",
+					verticalAlign: "middle",
+					flexShrink: "0"
+				},
+				title: n,
+				"data-icon": n
+			}, n?.charAt(0).toUpperCase());
+		}
+	});
+}
+//#endregion
+export { r as createLucideStubComponent, n as createStubComponent };

package/dist/utils/validators.d.ts

@@ -0,0 +1,132 @@
+import { FormItemRule } from 'element-plus';
+/** 大陆手机号：11 位，1 开头，第二位 3–9 */
+export declare const PHONE_PATTERN: RegExp;
+/** 统一社会信用代码（18 位新码）或旧版 15 位工商注册号 */
+export declare const USC_CODE_PATTERN: RegExp;
+/** 银行打款账号：1–20 位纯数字 */
+export declare const BANK_ACCOUNT_PATTERN: RegExp;
+/** HTTP/HTTPS 链接，须含协议头 */
+export declare const HTTP_URL_PATTERN: RegExp;
+/** 正整数（不含 0），如有效期天数、积分面值 */
+export declare const POSITIVE_INT_PATTERN: RegExp;
+/** 非负整数（含 0），字段必填时使用 */
+export declare const NON_NEGATIVE_INT_PATTERN: RegExp;
+/** 非负整数或空串，字段选填时使用 */
+export declare const OPTIONAL_NON_NEGATIVE_INT_PATTERN: RegExp;
+/** 18 位二代居民身份证 */
+export declare const ID_CODE_PATTERN: RegExp;
+/**
+ * legacy 宽松金额格式。
+ * 允许 0、整数、最多两位小数；用于 InputMixInput 满减双字段等复合校验。
+ */
+export declare const DECIMAL_MONEY_PATTERN: RegExp;
+/**
+ * 正则校验器工厂（对齐 legacy createValidator / cms-base 同名函数）。
+ *
+ * @param pattern  待测正则
+ * @param message  校验失败提示
+ * @param required 为 false 时，空值直接通过；为 true 时空值也报错
+ */
+export declare function createPatternValidator(pattern: RegExp, message: string, required?: boolean): NonNullable<FormItemRule['validator']>;
+/**
+ * 中文 / 字母 / 数字 / 下划线，长度 1–max，**不含特殊符号**。
+ * 适用于商户名、地址、联系人等偏「标识」的字段。
+ *
+ * @param max      最大长度
+ * @param label    字段名，用于失败提示「请输入正确的{label}」
+ * @param required 是否必填
+ */
+export declare function cnAlphaNumRule(max: number, label: string, required?: boolean): FormItemRule;
+/**
+ * 中文 / 字母 / 数字 / 特殊符号混合名称，长度 1–max。
+ * 比 `cnAlphaNumRule` 宽松，适用于权益名、合同名、商品名等允许标点的情况。
+ *
+ * 通常与 `{ required: true, message: '...' }` 组合使用。
+ */
+export declare function mixedNameRule(max: number, label: string, required?: boolean): FormItemRule;
+/**
+ * 字母 / 数字 / 下划线编码，长度 1–max。
+ * 适用于商品编号、微信批次号、支付宝活动 ID 等。
+ */
+export declare function alphaNumCodeRule(max: number, label: string, required?: boolean): FormItemRule;
+/**
+ * 手机号校验（`PHONE_PATTERN`）。
+ * 仅含 validator，required 提示需由调用方另配 `{ required: true, message: '...' }`。
+ */
+export declare function phoneRule(message?: string): FormItemRule;
+/** 统一社会信用代码校验（`USC_CODE_PATTERN`） */
+export declare function uscCodeRule(message?: string): FormItemRule;
+/** 银行打款账号校验（`BANK_ACCOUNT_PATTERN`），1–20 位数字 */
+export declare function bankAccountRule(message?: string): FormItemRule;
+/**
+ * HTTP/HTTPS 链接校验（`HTTP_URL_PATTERN`）。
+ * @param required 默认 false，空值通过；跳转链接等选填场景常用
+ */
+export declare function httpUrlRule(message?: string, required?: boolean): FormItemRule;
+/**
+ * 正整数校验（`POSITIVE_INT_PATTERN`，不含 0）。
+ * @param required 默认 false；与 `{ required: true }` 联用时传 true
+ */
+export declare function positiveIntRule(message?: string, required?: boolean): FormItemRule;
+/**
+ * 非负整数（含 0）；空值不校验。
+ * 适用于必填的数量类字段，如「同业合作案例数量」。
+ */
+export declare function nonNegativeIntRule(message: string): FormItemRule;
+/**
+ * 非负整数或空串；空值通过。
+ * 适用于选填的数量类字段，如「人员数量」「分公司数量」。
+ */
+export declare function optionalNonNegativeIntRule(message: string): FormItemRule;
+/** 18 位二代居民身份证（`ID_CODE_PATTERN`） */
+export declare function idCodeRule(required?: boolean): FormItemRule;
+/**
+ * 金额校验规则组（返回 `[required, validator]` 两条，直接赋给 `rules`）。
+ *
+ * - 不允许 0 或前导 00
+ * - 整数位最多 `maxInt`（默认 11），小数最多 2 位
+ * - `required: false` 时空值跳过格式校验（对客优惠价等选填场景）
+ *
+ * @example
+ * rules: moneyRule('成本价')
+ * rules: moneyRule('对客优惠价', { required: false })
+ * rules: moneyRule('红包金额', { maxInt: 14 }) // type15 红包
+ */
+export declare function moneyRule(label: string, opts?: {
+    required?: boolean;
+    maxInt?: number;
+}): FormItemRule[];
+export type CompareOp = '<' | '<=' | '>' | '>=';
+/** @deprecated 使用 CompareOp */
+export type CompareNumberOp = CompareOp;
+export type CompareValueType = 'number' | 'date';
+/**
+ * 数值 / 日期交叉比较（配合 `useFormSchema` 的 `rulesFromModel` + 字段 `validatePeers`）。
+ * @param left - 左侧值
+ * @param right - 右侧值
+ * @param opts - 选项
+ * @param opts.op - 比较操作符
+ * @param opts.message - 错误提示
+ * @param opts.skipEmpty - 是否跳过空值
+ * @param opts.type - 比较类型
+ *
+ * - `type: 'number'`（默认）：按 Number 比较，用于金额、期数等
+ * - `type: 'date'`：按时间戳比较，支持 `Date` / dayjs / 可解析日期字符串
+ *
+ * @example
+ * // 金额
+ * rulesFromModel: (m) => [
+ *   compareRule(m.min, m.max, { op: '<=', message: '最小金额不能大于最大金额' })
+ * ]
+ * // 日期
+ * rulesFromModel: (m) => [
+ *   compareRule(m.start, m.end, { type: 'date', op: '<=', message: '开始时间不能晚于结束时间' })
+ * ]
+ */
+export declare function compareRule(left: unknown, right: unknown, opts: {
+    op: CompareOp;
+    message: string;
+    skipEmpty?: boolean;
+    type?: CompareValueType;
+}): FormItemRule;
+//# sourceMappingURL=validators.d.ts.map

package/dist/utils/validators.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"validators.d.ts","sourceRoot":"","sources":["../../src/utils/validators.ts"],"names":[],"mappings":"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"}

package/dist/utils/validators.js

@@ -0,0 +1,152 @@
+//#region src/utils/validators.ts
+var e = /^1[3-9]\d{9}$/, t = /^([0-9A-HJ-NPQRTUWXY]{2}\d{6}[0-9A-HJ-NPQRTUWXY]{10}|[1-9]\d{14})$/, n = /^\d{1,20}$/, r = /^(https?:\/\/).+/i, i = /^[1-9]\d*$/, a = /^(0|[1-9][0-9]*)$/, o = /^(|[1-9][0-9]*)$/, s = /^[1-9]\d{5}(18|19|20)\d{2}(0[1-9]|1[0-2])(0[1-9]|[12]\d|3[01])\d{3}[\dXx]$/, c = /(^[0-9]([0-9]+)?(\.[0-9]{1,2})?$)|(^(0){1}$)|(^[0-9]\.[0-9]([0-9])?$)/;
+function l(e, t, n = !1) {
+	return (r, i, a) => {
+		if (!n && (i === "" || i == null)) {
+			a();
+			return;
+		}
+		if (!e.test(String(i ?? ""))) {
+			a(Error(t));
+			return;
+		}
+		a();
+	};
+}
+function u(e) {
+	return RegExp(`^(?!00.*)(\\d{0,${e}}(\\.\\d{1,2})?)$`);
+}
+function d(e, t, n = !0) {
+	return {
+		required: n,
+		validator: (r, i, a) => {
+			if (!n && !i) {
+				a();
+				return;
+			}
+			if (!RegExp(`^[\\u4e00-\\u9fa5\\w]{1,${e}}$`).test(String(i ?? ""))) {
+				a(/* @__PURE__ */ Error(`请输入正确的${t}`));
+				return;
+			}
+			a();
+		},
+		trigger: "change"
+	};
+}
+function f(e, t, n = !0) {
+	return {
+		validator: l(RegExp(`^([\\u4e00-\\u9fa5]|\\w*|\\W*){1,${e}}$`), `请输入正确的${t}`, n),
+		trigger: "change"
+	};
+}
+function p(e, t, n = !0) {
+	return {
+		validator: l(RegExp(`^\\w{1,${e}}$`), `请输入正确的${t}`, n),
+		trigger: "change"
+	};
+}
+function m(t = "请输入11位手机号") {
+	return {
+		validator: l(e, t, !0),
+		trigger: "change"
+	};
+}
+function h(e = "请输入正确的统一社会信用代码") {
+	return {
+		validator: l(t, e, !0),
+		trigger: "change"
+	};
+}
+function g(e = "请输入正确的打款账号") {
+	return {
+		validator: l(n, e, !0),
+		trigger: "change"
+	};
+}
+function _(e = "请输入正确的链接地址", t = !1) {
+	return {
+		validator: l(r, e, t),
+		trigger: "change"
+	};
+}
+function v(e = "请输入正确的数字", t = !1) {
+	return {
+		validator: l(i, e, t),
+		trigger: "change"
+	};
+}
+function y(e) {
+	return {
+		validator: l(a, e, !1),
+		trigger: "change"
+	};
+}
+function b(e) {
+	return {
+		validator: l(o, e, !1),
+		trigger: "change"
+	};
+}
+function x(e = !0) {
+	return {
+		required: e,
+		validator: l(s, "请输入正确格式的证件号码", !0),
+		trigger: "change"
+	};
+}
+function S(e, t = {}) {
+	let { required: n = !0, maxInt: r = 11 } = t, i = u(r);
+	return [{
+		required: n,
+		message: `请输入${e}`
+	}, {
+		validator: (t, r, a) => {
+			if (!n && (r === "" || r == null)) {
+				a();
+				return;
+			}
+			if (r === "0" || !i.test(String(r ?? ""))) {
+				a(/* @__PURE__ */ Error(`请输入正确的${e}`));
+				return;
+			}
+			a();
+		},
+		trigger: "change"
+	}];
+}
+function C(e, t) {
+	if (t === "number") {
+		let t = Number(e);
+		return Number.isFinite(t) ? t : null;
+	}
+	if (e instanceof Date) {
+		let t = e.getTime();
+		return Number.isFinite(t) ? t : null;
+	}
+	if (typeof e == "object" && e && "valueOf" in e) {
+		let t = Number(e.valueOf());
+		return Number.isFinite(t) ? t : null;
+	}
+	let n = Date.parse(String(e));
+	return Number.isFinite(n) ? n : null;
+}
+function w(e, t, n) {
+	let { op: r, message: i, skipEmpty: a = !0, type: o = "number" } = n;
+	return {
+		validator: (n, s, c) => {
+			if (a && (e === "" || e == null || t === "" || t == null)) {
+				c();
+				return;
+			}
+			let l = C(e, o), u = C(t, o);
+			if (l == null || u == null) {
+				c();
+				return;
+			}
+			(r === "<" ? l < u : r === "<=" ? l <= u : r === ">" ? l > u : l >= u) ? c() : c(Error(i));
+		},
+		trigger: "change"
+	};
+}
+//#endregion
+export { n as BANK_ACCOUNT_PATTERN, c as DECIMAL_MONEY_PATTERN, r as HTTP_URL_PATTERN, s as ID_CODE_PATTERN, a as NON_NEGATIVE_INT_PATTERN, o as OPTIONAL_NON_NEGATIVE_INT_PATTERN, e as PHONE_PATTERN, i as POSITIVE_INT_PATTERN, t as USC_CODE_PATTERN, p as alphaNumCodeRule, g as bankAccountRule, d as cnAlphaNumRule, w as compareRule, l as createPatternValidator, _ as httpUrlRule, x as idCodeRule, f as mixedNameRule, S as moneyRule, y as nonNegativeIntRule, b as optionalNonNegativeIntRule, m as phoneRule, v as positiveIntRule, h as uscCodeRule };

package/package.json

@@ -0,0 +1,88 @@
+{
+  "name": "@kayak-sj/design",
+  "version": "1.0.0",
+  "type": "module",
+  "description": "PC 组件库（Vue3 + Element Plus，对应旧 @kayak/kayak-design-vue2）",
+  "license": "ISC",
+  "sideEffects": [
+    "**/*.css",
+    "**/*.scss"
+  ],
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "default": "./dist/index.js"
+    },
+    "./styles": {
+      "types": "./src/types/design-subpaths.d.ts",
+      "default": "./src/styles/index.scss"
+    },
+    "./styles/tokens": {
+      "types": "./src/types/design-subpaths.d.ts",
+      "default": "./src/styles/tokens/_index.scss"
+    },
+    "./components": {
+      "types": "./dist/components/index.d.ts",
+      "import": "./dist/components/index.js",
+      "default": "./dist/components/index.js"
+    },
+    "./echarts": {
+      "types": "./dist/components/k-echarts/index.d.ts",
+      "import": "./dist/components/k-echarts/index.js",
+      "default": "./dist/components/k-echarts/index.js"
+    },
+    "./editor": {
+      "types": "./dist/components/k-editor/index.d.ts",
+      "import": "./dist/components/k-editor/index.js",
+      "default": "./dist/components/k-editor/index.js"
+    }
+  },
+  "files": [
+    "dist",
+    "src/styles",
+    "src/types/design-subpaths.d.ts"
+  ],
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/",
+    "access": "public"
+  },
+  "dependencies": {
+    "@element-plus/icons-vue": "^2.3.2",
+    "@vueuse/core": "^14.4.0",
+    "@wangeditor/editor": "^5.1.23",
+    "@wangeditor/editor-for-vue": "^5.1.12",
+    "dayjs": "^1.11.13",
+    "echarts": "^5.6.0",
+    "lodash-es": "^4.17.21",
+    "lucide-vue-next": "^1.0.0",
+    "sortablejs": "^1.15.6",
+    "vue-img-cutter": "3"
+  },
+  "peerDependencies": {
+    "element-plus": "^2.14.4",
+    "lucide-vue-next": "^1.0.0",
+    "vue": "^3.5.0"
+  },
+  "devDependencies": {
+    "@types/lodash-es": "^4.17.12",
+    "@types/sortablejs": "^1.15.8",
+    "element-plus": "2.14.4",
+    "lucide-vue-next": "^1.0.0",
+    "sass": "^1.89.2",
+    "typescript": "^5.8.2",
+    "vite": "^8.1.5",
+    "vitest": "^4.1.10",
+    "vue": "^3.5.13",
+    "@kayak/vite-config": "1.0.0",
+    "@kayak/tsconfig": "1.0.0"
+  },
+  "scripts": {
+    "build": "vite build",
+    "typecheck": "tsc --noEmit -p tsconfig.json",
+    "test": "vitest run",
+    "test:watch": "vitest"
+  }
+}

package/src/styles/base/_utilities.scss

@@ -0,0 +1,68 @@
+@use '../tokens' as tk;
+
+.k-multi-ellipsis--l1 {
+  display: -webkit-box;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  -webkit-line-clamp: 1;
+  -webkit-box-orient: vertical;
+}
+
+.k-multi-ellipsis--l2 {
+  display: -webkit-box;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+}
+
+.k-multi-ellipsis--l3 {
+  display: -webkit-box;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  -webkit-line-clamp: 3;
+  -webkit-box-orient: vertical;
+}
+
+.k-form.form-no-padding {
+  padding: 0 20px;
+}
+
+.align-right {
+  text-align: right;
+}
+
+// ── 全局滚动条 ────────────────────────────────────────
+// 参考 Linear / Notion / macOS：中性灰细滑块、轨道透明、仅悬停滑块时加深。
+// 不用主题色——滚动条是基础设施，不应抢内容注意力。
+// 7px 命中区 + 2px 透明边 = 视觉约 3px 宽。
+:root {
+  scrollbar-width: thin;
+  scrollbar-color: var(--k-scrollbar-thumb) transparent;
+}
+
+*::-webkit-scrollbar {
+  width: var(--k-scrollbar-size);
+  height: var(--k-scrollbar-size);
+}
+
+*::-webkit-scrollbar-track,
+*::-webkit-scrollbar-corner {
+  background: transparent;
+}
+
+*::-webkit-scrollbar-thumb {
+  border: 2px solid transparent;
+  border-radius: 100px;
+  background-color: var(--k-scrollbar-thumb);
+  background-clip: content-box;
+  transition: background-color 0.15s ease;
+}
+
+*::-webkit-scrollbar-thumb:hover {
+  background-color: var(--k-scrollbar-thumb-hover);
+}
+
+*::-webkit-scrollbar-thumb:active {
+  background-color: var(--k-scrollbar-thumb-active);
+}

package/src/styles/components/_index.scss

@@ -0,0 +1,10 @@
+@use './k-form';
+@use './k-table';
+@use './k-dialog';
+@use './k-link-button';
+@use './k-handle-page';
+@use './k-panel';
+@use './k-panel-query';
+@use './k-upload';
+@use './k-editor';
+@use './k-echarts';