@kilnonedre/foundation 0.0.14 → 0.0.16

package/dist/index.d.ts

@@ -136,16 +136,16 @@ type SemanticColorToken = {
 };
 declare const getSemanticColor: (semanticColor: EnumSemanticColor, variant: EnumVariant) => SemanticColorToken;
 
-interface ConfigProp$i {
+interface ConfigProp$j {
     semanticColor?: EnumSemanticColor;
     variant?: EnumVariant;
     children?: ReactNode;
     className?: string;
 }
 
-declare const Badge: ({ semanticColor, variant, children, className, }: ConfigProp$i) => react_jsx_runtime.JSX.Element;
+declare const Badge: ({ semanticColor, variant, children, className, }: ConfigProp$j) => react_jsx_runtime.JSX.Element;
 
-interface ConfigProp$h {
+interface ConfigProp$i {
     semanticColor?: EnumSemanticColor;
     variant?: EnumVariant;
     children?: ReactNode;
@@ -157,15 +157,15 @@ interface ConfigProp$h {
     type?: 'button' | 'submit' | 'reset';
 }
 
-declare const Button: ({ semanticColor, variant, children, className, onClick, disabled, type, size, loading, }: ConfigProp$h) => react_jsx_runtime.JSX.Element;
+declare const Button: ({ semanticColor, variant, children, className, onClick, disabled, type, size, loading, }: ConfigProp$i) => react_jsx_runtime.JSX.Element;
 
-interface ConfigProp$g {
+interface ConfigProp$h {
     options: Array<CommonOption>;
     value?: string | null;
     onChange: (_v: string) => void;
 }
 
-declare const CheckboxSingleList: (props: ConfigProp$g) => react_jsx_runtime.JSX.Element;
+declare const CheckboxSingleList: (props: ConfigProp$h) => react_jsx_runtime.JSX.Element;
 
 interface ConfigListRespT<T> {
     items: Array<T>;
@@ -193,7 +193,7 @@ type AdvancedFilterCtx = {
     draftFilters: Record<string, unknown>;
     setDraftFilters: (_updater: (_prev: Record<string, unknown>) => Record<string, unknown>) => void;
 };
-type ConfigProp$f<T, P> = {
+type ConfigProp$g<T, P> = {
     columns: Array<ColumnDef<T>>;
     renderList: (_params: P) => Promise<ConfigApiRespT<ConfigListRespT<T>>>;
     getRowId?: (_row: T) => string;
@@ -221,7 +221,7 @@ declare const KeywordSearchBar: (props: ConfigProps$1) => react_jsx_runtime.JSX.
 
 declare const TableEmpty: () => react_jsx_runtime.JSX.Element;
 
-interface ConfigProp$e {
+interface ConfigProp$f {
     id?: string;
     mode: EnumFormMode;
     children: ReactNode;
@@ -235,22 +235,22 @@ interface ConfigProp$e {
     onOpenChange: (_nextOpen: boolean) => void;
 }
 
-declare const TableFormDialog: (props: ConfigProp$e) => react_jsx_runtime.JSX.Element;
+declare const TableFormDialog: (props: ConfigProp$f) => react_jsx_runtime.JSX.Element;
 
-interface ConfigProp$d {
+interface ConfigProp$e {
     text: string;
     className?: ClassValue;
 }
 
-declare const TableHeaderText: (props: ConfigProp$d) => react_jsx_runtime.JSX.Element;
+declare const TableHeaderText: (props: ConfigProp$e) => react_jsx_runtime.JSX.Element;
 
-interface ConfigProp$c {
+interface ConfigProp$d {
     value: Array<CommonObject>;
 }
 
-declare const TableImage: (props: ConfigProp$c) => react_jsx_runtime.JSX.Element;
+declare const TableImage: (props: ConfigProp$d) => react_jsx_runtime.JSX.Element;
 
-interface ConfigProp$b {
+interface ConfigProp$c {
     totalPage: number;
     size: number;
     sizeList: Array<number>;
@@ -259,18 +259,18 @@ interface ConfigProp$b {
     onUpdateSize: (_size: number) => void;
 }
 
-declare const TablePagination: (props: ConfigProp$b) => react_jsx_runtime.JSX.Element;
+declare const TablePagination: (props: ConfigProp$c) => react_jsx_runtime.JSX.Element;
 
-interface ConfigProp$a {
+interface ConfigProp$b {
     text?: string | number;
     wrap?: boolean;
 }
 
-declare const TableText: (props: ConfigProp$a) => react_jsx_runtime.JSX.Element;
+declare const TableText: (props: ConfigProp$b) => react_jsx_runtime.JSX.Element;
 
-declare const DataTable: <T, P>(props: ConfigProp$f<T, P>) => react_jsx_runtime.JSX.Element;
+declare const DataTable: <T, P>(props: ConfigProp$g<T, P>) => react_jsx_runtime.JSX.Element;
 
-interface ConfigProp$9 {
+interface ConfigProp$a {
     children: ReactNode;
     title?: string;
     content?: ReactNode;
@@ -279,9 +279,9 @@ interface ConfigProp$9 {
     onConfirm?: () => void | Promise<void>;
 }
 
-declare const Dialog: (props: ConfigProp$9) => react_jsx_runtime.JSX.Element;
+declare const Dialog: (props: ConfigProp$a) => react_jsx_runtime.JSX.Element;
 
-interface ConfigProp$8<T> {
+interface ConfigProp$9<T> {
     columns: Array<ColumnDef<T>>;
     list?: Array<T>;
     enableRowSelection?: boolean;
@@ -290,7 +290,7 @@ interface ConfigProp$8<T> {
     navigate?: (_id: UUID) => void;
 }
 
-declare const DisplayTable: <T>(props: ConfigProp$8<T>) => react_jsx_runtime.JSX.Element;
+declare const DisplayTable: <T>(props: ConfigProp$9<T>) => react_jsx_runtime.JSX.Element;
 
 interface ConfigCascaderOption {
     label: string;
@@ -327,7 +327,7 @@ declare const DropdownCascaderMulti: ({ value, ...props }: ConfigDropdownCascade
 
 declare const DropdownCascaderSingle: (props: ConfigDropdownCascaderSingleProp) => react_jsx_runtime.JSX.Element;
 
-interface ConfigProp$7<T extends FieldValues, TName extends FieldPath<T> = FieldPath<T>> {
+interface ConfigProp$8<T extends FieldValues, TName extends FieldPath<T> = FieldPath<T>> {
     id: string;
     name: TName;
     label: string;
@@ -342,16 +342,16 @@ interface ConfigProp$7<T extends FieldValues, TName extends FieldPath<T> = Field
     }) => ReactNode;
 }
 
-declare const FieldController: <T extends FieldValues, TName extends FieldPath<T> = FieldPath<T>>({ required, ...props }: ConfigProp$7<T, TName>) => react_jsx_runtime.JSX.Element;
+declare const FieldController: <T extends FieldValues, TName extends FieldPath<T> = FieldPath<T>>({ required, ...props }: ConfigProp$8<T, TName>) => react_jsx_runtime.JSX.Element;
 
-interface ConfigProp$6 {
+interface ConfigProp$7 {
     className?: string;
     children: ReactNode;
 }
 
-declare const FieldGroup: (props: ConfigProp$6) => react_jsx_runtime.JSX.Element;
+declare const FieldGroup: (props: ConfigProp$7) => react_jsx_runtime.JSX.Element;
 
-interface ConfigProp$5 {
+interface ConfigProp$6 {
     id: string;
     name: string;
     required?: boolean;
@@ -362,9 +362,9 @@ interface ConfigProp$5 {
     children?: ReactNode;
 }
 
-declare const FieldPlain: ({ required, mode, ...props }: ConfigProp$5) => react_jsx_runtime.JSX.Element;
+declare const FieldPlain: ({ required, mode, ...props }: ConfigProp$6) => react_jsx_runtime.JSX.Element;
 
-interface ConfigProp$4 {
+interface ConfigProp$5 {
     id?: string;
     name: string;
     value?: string | number | null;
@@ -373,9 +373,9 @@ interface ConfigProp$4 {
     render?: ReactNode;
 }
 
-declare const FieldText: ({ id, name, value, placeholder, required, render, }: ConfigProp$4) => react_jsx_runtime.JSX.Element;
+declare const FieldText: ({ id, name, value, placeholder, required, render, }: ConfigProp$5) => react_jsx_runtime.JSX.Element;
 
-interface ConfigProp$3 {
+interface ConfigProp$4 {
     value: string;
     onValueChange: (_val: string) => void;
     onLabelChange?: (_val: string) => void;
@@ -383,9 +383,9 @@ interface ConfigProp$3 {
     optionList: Array<CommonOption>;
 }
 
-declare const FormSelect: (props: ConfigProp$3) => react_jsx_runtime.JSX.Element;
+declare const FormSelect: (props: ConfigProp$4) => react_jsx_runtime.JSX.Element;
 
-interface ConfigProp$2 {
+interface ConfigProp$3 {
     value?: Date;
     onChange: (_value?: Date) => void;
     id?: string;
@@ -394,7 +394,7 @@ interface ConfigProp$2 {
     timePlaceholder?: string;
 }
 
-declare const FormTimePicker: (props: ConfigProp$2) => react_jsx_runtime.JSX.Element;
+declare const FormTimePicker: (props: ConfigProp$3) => react_jsx_runtime.JSX.Element;
 
 interface ConfigProps {
     value?: Array<string>;
@@ -415,12 +415,19 @@ declare const Provider: ({ children }: {
     children: React.ReactNode;
 }) => react_jsx_runtime.JSX.Element;
 
+interface ConfigProp$2 {
+    children: ReactNode;
+    className?: ClassValue;
+}
+
+declare const Text: (props: ConfigProp$2) => react_jsx_runtime.JSX.Element;
+
 interface ConfigProp$1 {
     children: ReactNode;
     className?: ClassValue;
 }
 
-declare const Text: (props: ConfigProp$1) => react_jsx_runtime.JSX.Element;
+declare const Title: (props: ConfigProp$1) => react_jsx_runtime.JSX.Element;
 
 interface ConfigProp<T extends object, K extends keyof T> {
     key: K;
@@ -472,7 +479,22 @@ declare const isValidEmail: (string: string) => boolean;
 
 declare const isValidURL: (string: string) => boolean;
 
-declare const emptyToUndefined: (value: unknown) => unknown;
+/**
+ * 将空字符串转换为 undefined。
+ *
+ * 常用于 Zod 的 preprocess 场景，避免用户输入空字符串时被视为有效值。
+ *
+ * 示例：
+ * - '' => undefined
+ * - '   ' => undefined
+ * - 'hello' => 'hello'
+ * - null => undefined
+ * - 123 => undefined
+ *
+ * @param value 待处理的值
+ * @returns 去除首尾空格后的字符串，若为空则返回 undefined
+ */
+declare const emptyToUndefined: (value: unknown) => string | undefined;
 declare const enumValues: <T extends Record<string, string>>(obj: T) => [T[keyof T], ...T[keyof T][]];
 declare const zTextOptional: (label: string, min?: number, max?: number) => z.ZodPreprocess<z.ZodOptional<z.ZodString>>;
 declare const zTextRequired: (label: string, min?: number, max?: number) => z.ZodString;
@@ -502,4 +524,4 @@ declare const zCoerceNumberOptional: (label: string, min?: number, max?: number)
 declare const zDecimal: (label: string, min?: number, max?: number) => z.ZodString;
 declare const zDecimalOptional: (label: string, min?: number, max?: number) => z.ZodPreprocess<z.ZodOptional<z.ZodString>>;
 
-export { Badge, Button, CheckboxSingleList, type CommonObject, type CommonOption, type ConfigCascaderOption, type ConfigDropdownCascaderMultiProp, type ConfigDropdownCascaderSingleProp, type ConfigRenderBase, type ConfigRenderPasswordInput, DataTable, Dialog, DisplayTable, DropdownCascaderMulti, DropdownCascaderSingle, EnumApprovalStatus, EnumApprovalStatusLabel, EnumApprovalView, EnumApprovalViewLabel, EnumEntityStatus, EnumEntityStatusLabel, EnumFormMode, EnumFormModeLabel, EnumGenderType, EnumGenderTypeLabel, EnumMapProvider, EnumMapProviderLabel, EnumOrderStatus, EnumOrderStatusLabel, EnumPublishMethod, EnumPublishMethodLabel, EnumSemanticColor, EnumSemanticColorLabel, EnumStorageMethod, EnumStorageMethodLabel, EnumVariant, EnumVariantLabel, FieldController, FieldGroup, FieldPlain, FieldText, FormSelect, FormTimePicker, KeywordSearchBar, MediaUploader, Provider, type SemanticColorToken, TableEmpty, TableFormDialog, TableHeaderText, TableImage, TablePagination, TableText, Text, type UUID, boolToText, buildColumn, cn, emptyToUndefined, enumApprovalStatusOptions, enumApprovalViewOptions, enumEntityStatusOptions, enumFormModeOptions, enumGenderTypeOptions, enumMapProviderOptions, enumOrderStatusOptions, enumPublishMethodOptions, enumSemanticColorOptions, enumStorageMethodOptions, enumToOptions, enumValues, enumVariantOptions, formatDateTime, formatDecimal, genUuid, getOptionMap, getSemanticColor, getSuccessMessage, isEmpty, isFormData, isValidEmail, isValidURL, renderBody, renderCascaderNodes, renderConfirmFooter, renderFooter, renderInput, renderPasswordInput, renderTextarea, zBool, zCoerceNumber, zCoerceNumberOptional, zDate, zDateOptional, zDecimal, zDecimalOptional, zEmail, zEnumNullable, zEnumNullableOptional, zEnumNullableRequired, zEnumOptional, zEnumRequired, zId, zIdCard, zIdCardOptional, zIds, zImageId, zImageIdRequired, zImageIds, zImageIdsOptional, zNumber, zNumberOptional, zPhone, zTextOptional, zTextRequired, zTexts };
+export { Badge, Button, CheckboxSingleList, type CommonObject, type CommonOption, type ConfigCascaderOption, type ConfigDropdownCascaderMultiProp, type ConfigDropdownCascaderSingleProp, type ConfigRenderBase, type ConfigRenderPasswordInput, DataTable, Dialog, DisplayTable, DropdownCascaderMulti, DropdownCascaderSingle, EnumApprovalStatus, EnumApprovalStatusLabel, EnumApprovalView, EnumApprovalViewLabel, EnumEntityStatus, EnumEntityStatusLabel, EnumFormMode, EnumFormModeLabel, EnumGenderType, EnumGenderTypeLabel, EnumMapProvider, EnumMapProviderLabel, EnumOrderStatus, EnumOrderStatusLabel, EnumPublishMethod, EnumPublishMethodLabel, EnumSemanticColor, EnumSemanticColorLabel, EnumStorageMethod, EnumStorageMethodLabel, EnumVariant, EnumVariantLabel, FieldController, FieldGroup, FieldPlain, FieldText, FormSelect, FormTimePicker, KeywordSearchBar, MediaUploader, Provider, type SemanticColorToken, TableEmpty, TableFormDialog, TableHeaderText, TableImage, TablePagination, TableText, Text, Title, type UUID, boolToText, buildColumn, cn, emptyToUndefined, enumApprovalStatusOptions, enumApprovalViewOptions, enumEntityStatusOptions, enumFormModeOptions, enumGenderTypeOptions, enumMapProviderOptions, enumOrderStatusOptions, enumPublishMethodOptions, enumSemanticColorOptions, enumStorageMethodOptions, enumToOptions, enumValues, enumVariantOptions, formatDateTime, formatDecimal, genUuid, getOptionMap, getSemanticColor, getSuccessMessage, isEmpty, isFormData, isValidEmail, isValidURL, renderBody, renderCascaderNodes, renderConfirmFooter, renderFooter, renderInput, renderPasswordInput, renderTextarea, zBool, zCoerceNumber, zCoerceNumberOptional, zDate, zDateOptional, zDecimal, zDecimalOptional, zEmail, zEnumNullable, zEnumNullableOptional, zEnumNullableRequired, zEnumOptional, zEnumRequired, zId, zIdCard, zIdCardOptional, zIds, zImageId, zImageIdRequired, zImageIds, zImageIdsOptional, zNumber, zNumberOptional, zPhone, zTextOptional, zTextRequired, zTexts };

package/dist/index.js

@@ -512,9 +512,11 @@ var isValidURL = (string) => {
 // src/util/validator/schema.ts
 import { z } from "zod";
 var emptyToUndefined = (value) => {
-  if (typeof value !== "string") return value;
+  if (typeof value !== "string") {
+    return void 0;
+  }
   const v = value.trim();
-  return v ? v : void 0;
+  return v || void 0;
 };
 var enumValues = (obj) => Object.values(obj);
 var zTextOptional = (label, min = 1, max = 32) => z.preprocess(
@@ -3435,16 +3437,22 @@ var Provider = ({ children }) => {
   return /* @__PURE__ */ jsx48(TooltipProvider, { children });
 };
 
-// src/render/column/build-column/index.tsx
+// src/components/title/index.tsx
 import { jsx as jsx49 } from "react/jsx-runtime";
+var Title = (props) => {
+  return /* @__PURE__ */ jsx49("div", { className: cn2("text-lg font-bold", props.className), children: props.children });
+};
+
+// src/render/column/build-column/index.tsx
+import { jsx as jsx50 } from "react/jsx-runtime";
 var buildColumn = () => (props) => {
   const { key, label, render } = props;
   return {
     accessorKey: key,
-    header: () => /* @__PURE__ */ jsx49(TableHeaderText, { text: label }),
+    header: () => /* @__PURE__ */ jsx50(TableHeaderText, { text: label }),
     cell: ({ row }) => {
       const value = row.original[key];
-      return render ? render(value, row.original) : /* @__PURE__ */ jsx49(TableText, { text: String(value ?? "") });
+      return render ? render(value, row.original) : /* @__PURE__ */ jsx50(TableText, { text: String(value ?? "") });
     },
     meta: {
       label
@@ -3498,6 +3506,7 @@ export {
   TablePagination,
   TableText,
   Text,
+  Title,
   boolToText,
   buildColumn,
   cn2 as cn,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kilnonedre/foundation",
-  "version": "0.0.14",
+  "version": "0.0.16",
   "private": false,
   "description": "Kilnonedre frontend foundation package",
   "type": "module",