zkit-ui 2.0.0 → 2.0.3

package/dist/ui/DatePicker/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/DatePicker/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAuB/B,OAAO,KAAK,EAKV,eAAe,EAEhB,MAAM,SAAS,CAAC;AAEjB,YAAY,EACV,uBAAuB,EACvB,gBAAgB,EAChB,6BAA6B,EAC7B,wBAAwB,EACxB,wBAAwB,EACxB,4BAA4B,EAC5B,gBAAgB,EAChB,eAAe,EACf,qBAAqB,EACrB,gBAAgB,EAChB,eAAe,EACf,mBAAmB,EACnB,eAAe,EACf,uBAAuB,EACvB,mBAAmB,EACnB,eAAe,GAChB,MAAM,SAAS,CAAC;AAmDjB,eAAO,MAAM,UAAU,0GAkMrB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/DatePicker/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAyB/B,OAAO,KAAK,EAKV,eAAe,EAEhB,MAAM,SAAS,CAAC;AAEjB,YAAY,EACV,uBAAuB,EACvB,gBAAgB,EAChB,6BAA6B,EAC7B,wBAAwB,EACxB,wBAAwB,EACxB,4BAA4B,EAC5B,gBAAgB,EAChB,eAAe,EACf,qBAAqB,EACrB,gBAAgB,EAChB,eAAe,EACf,mBAAmB,EACnB,eAAe,EACf,uBAAuB,EACvB,mBAAmB,EACnB,eAAe,GAChB,MAAM,SAAS,CAAC;AAmDjB,eAAO,MAAM,UAAU,0GAmNrB,CAAC"}

package/dist/ui/DatePicker/index.js

@@ -86,13 +86,16 @@ exports.DatePicker = React.forwardRef(function DatePicker({ value: valueProp, de
     const [innerValue, setInnerValue] = React.useState(defaultValue);
     const committedValue = isValueControlled ? valueProp : innerValue;
     const bounds = React.useMemo(() => (0, utils_1.resolveDatePickerBounds)(min, max), [max, min]);
-    const options = React.useMemo(() => (0, utils_1.buildDatePickerOptions)({ bounds, precision, isDateDisabled }), [bounds, isDateDisabled, precision]);
+    const optionConfig = React.useMemo(() => ({ bounds, precision, isDateDisabled }), [bounds, isDateDisabled, precision]);
+    const options = React.useMemo(() => (0, utils_1.buildDatePickerOptions)(optionConfig), [optionConfig]);
+    const getDateOptionChildren = React.useMemo(() => (0, utils_1.createDatePickerOptionChildrenResolver)(optionConfig), [optionConfig]);
+    const isDateOptionDisabled = React.useMemo(() => (0, utils_1.createDatePickerOptionDisabledResolver)(optionConfig, getDateOptionChildren), [getDateOptionChildren, optionConfig]);
     const committedDate = React.useMemo(() => (0, utils_1.resolveCommittedDate)(committedValue, bounds, precision), [bounds, committedValue, precision]);
     const pickerDate = React.useMemo(() => (0, utils_1.resolvePickerDate)(committedDate, defaultPickerValue, bounds, precision), [bounds, committedDate, defaultPickerValue, precision]);
     const pickerValue = React.useMemo(() => (0, utils_1.pathFromDate)(pickerDate, precision), [pickerDate, precision]);
     const committedSelection = React.useMemo(() => committedDate
-        ? (0, utils_1.createDatePickerSelectionFromDate)(committedDate, precision, options, labelFormat)
-        : null, [committedDate, labelFormat, options, precision]);
+        ? (0, utils_1.createDatePickerSelectionFromDate)(committedDate, precision, options, labelFormat, getDateOptionChildren)
+        : null, [committedDate, getDateOptionChildren, labelFormat, options, precision]);
     const resolveSelection = React.useCallback((selection) => (0, utils_1.createDatePickerSelection)(selection, precision, labelFormat, selection.label), [labelFormat, precision]);
     const handlePickerChange = React.useCallback((_next, selection) => {
         const nextSelection = resolveSelection(selection);
@@ -153,5 +156,5 @@ exports.DatePicker = React.forwardRef(function DatePicker({ value: valueProp, de
             return children;
         return (pickerContext) => children(createRenderContext(committedSelection, precision, pickerContext, placeholderText));
     }, [children, committedSelection, placeholderText, precision]);
-    return ((0, jsx_runtime_1.jsx)(Picker_1.Picker, { ref: ref, options: options, value: pickerValue, onChange: handlePickerChange, valueMode: "path", open: open, defaultOpen: defaultOpen, onOpenChange: onOpenChange, onDismissComplete: onDismissComplete, title: title !== null && title !== void 0 ? title : t('datePicker.title'), placeholder: placeholderText, cancelText: cancelText, confirmText: confirmText, emptyText: emptyText, formatLabel: formatPickerLabel, renderColumnHeader: handleRenderColumnHeader, maxColumns: (0, utils_1.getColumnCount)(precision), lazyContent: lazyContent, sheetHeight: sheetHeight, disabled: disabled, onCancel: onCancel, onConfirm: handlePickerConfirm, onDraftChange: handlePickerDraftChange, children: pickerChildren }));
+    return ((0, jsx_runtime_1.jsx)(Picker_1.Picker, { ref: ref, options: options, value: pickerValue, onChange: handlePickerChange, valueMode: "path", open: open, defaultOpen: defaultOpen, onOpenChange: onOpenChange, onDismissComplete: onDismissComplete, title: title !== null && title !== void 0 ? title : t('datePicker.title'), placeholder: placeholderText, cancelText: cancelText, confirmText: confirmText, emptyText: emptyText, formatLabel: formatPickerLabel, renderColumnHeader: handleRenderColumnHeader, getOptionChildren: getDateOptionChildren, isOptionDisabled: isDateOptionDisabled, maxColumns: (0, utils_1.getColumnCount)(precision), lazyContent: lazyContent, sheetHeight: sheetHeight, disabled: disabled, onCancel: onCancel, onConfirm: handlePickerConfirm, onDraftChange: handlePickerDraftChange, children: pickerChildren }));
 });

package/dist/ui/DatePicker/utils.d.ts

@@ -15,6 +15,8 @@ type BuildOptionsConfig = {
     precision: DatePickerPrecision;
     isDateDisabled?: DatePickerProps['isDateDisabled'];
 };
+export type DatePickerOptionChildrenResolver = (option: DatePickerOption, index: number, path: DatePickerOption[]) => readonly DatePickerOption[] | undefined;
+export type DatePickerOptionDisabledResolver = (option: DatePickerOption, index: number, path: DatePickerOption[]) => boolean;
 export declare function normalizePrecision(input: DatePickerPrecision | undefined): DatePickerPrecision;
 export declare function getColumnCount(precision: DatePickerPrecision): number;
 export declare function formatDatePickerValue(date: Dayjs, precision: DatePickerPrecision): DatePickerValue;
@@ -25,8 +27,10 @@ export declare function resolveDatePickerBounds(min: DatePickerInput | null | un
 export declare function resolveCommittedDate(value: DatePickerValue | null | undefined, bounds: DateBounds, precision: DatePickerPrecision): dayjs.Dayjs | null;
 export declare function resolvePickerDate(committedDate: Dayjs | null, defaultPickerValue: DatePickerInput | null | undefined, bounds: DateBounds, precision: DatePickerPrecision): dayjs.Dayjs;
 export declare function buildDatePickerOptions(config: BuildOptionsConfig): DatePickerOption[];
+export declare function createDatePickerOptionChildrenResolver(config: BuildOptionsConfig): DatePickerOptionChildrenResolver;
+export declare function createDatePickerOptionDisabledResolver(config: BuildOptionsConfig, getOptionChildren: DatePickerOptionChildrenResolver): DatePickerOptionDisabledResolver;
 export declare function createDatePickerSelection(pickerSelection: PickerSelection<DatePickerOption>, precision: DatePickerPrecision, labelFormat?: DatePickerLabelFormat, labelOverride?: string): DatePickerSelection | null;
-export declare function createDatePickerSelectionFromDate(date: Dayjs, precision: DatePickerPrecision, options: DatePickerOption[], labelFormat?: DatePickerLabelFormat): DatePickerSelection;
+export declare function createDatePickerSelectionFromDate(date: Dayjs, precision: DatePickerPrecision, options: DatePickerOption[], labelFormat?: DatePickerLabelFormat, getOptionChildren?: DatePickerOptionChildrenResolver): DatePickerSelection;
 export declare function dateFromOption(option: DatePickerOption | undefined, precision: DatePickerPrecision): dayjs.Dayjs | undefined;
 export {};
 //# sourceMappingURL=utils.d.ts.map

package/dist/ui/DatePicker/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/ui/DatePicker/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,KAAK,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AACjD,OAAO,KAAK,EAEV,eAAe,EACf,qBAAqB,EACrB,gBAAgB,EAChB,eAAe,EACf,mBAAmB,EACnB,mBAAmB,EACnB,eAAe,EACf,eAAe,EAChB,MAAM,SAAS,CAAC;AAIjB,eAAO,MAAM,mBAAmB,mCAA0E,CAAC;AAoB3G,KAAK,UAAU,GAAG;IAChB,GAAG,EAAE,KAAK,CAAC;IACX,GAAG,EAAE,KAAK,CAAC;CACZ,CAAC;AAEF,KAAK,UAAU,GAAG;IAChB,IAAI,EAAE,KAAK,CAAC;IACZ,cAAc,EAAE,mBAAmB,CAAC;CACrC,CAAC;AAEF,KAAK,kBAAkB,GAAG;IACxB,MAAM,EAAE,UAAU,CAAC;IACnB,SAAS,EAAE,mBAAmB,CAAC;IAC/B,cAAc,CAAC,EAAE,eAAe,CAAC,gBAAgB,CAAC,CAAC;CACpD,CAAC;AAUF,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,mBAAmB,GAAG,SAAS,GAAG,mBAAmB,CAE9F;AAED,wBAAgB,cAAc,CAAC,SAAS,EAAE,mBAAmB,UAE5D;AAED,wBAAgB,qBAAqB,CAAC,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,mBAAmB,GAAG,eAAe,CAElG;AAED,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,mBAAmB,GAAG,eAAe,CAI9F;AAED,wBAAgB,YAAY,CAAC,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,mBAAmB,GAAG,MAAM,EAAE,CAKlF;AAoCD,wBAAgB,oBAAoB,CAClC,KAAK,EAAE,eAAe,GAAG,IAAI,GAAG,SAAS,EACzC,SAAS,EAAE,MAAM,GAChB,UAAU,GAAG,SAAS,CAUxB;AAeD,wBAAgB,uBAAuB,CACrC,GAAG,EAAE,eAAe,GAAG,IAAI,GAAG,SAAS,EACvC,GAAG,EAAE,eAAe,GAAG,IAAI,GAAG,SAAS,GACtC,UAAU,CAWZ;AAQD,wBAAgB,oBAAoB,CAClC,KAAK,EAAE,eAAe,GAAG,IAAI,GAAG,SAAS,EACzC,MAAM,EAAE,UAAU,EAClB,SAAS,EAAE,mBAAmB,sBAK/B;AAED,wBAAgB,iBAAiB,CAC/B,aAAa,EAAE,KAAK,GAAG,IAAI,EAC3B,kBAAkB,EAAE,eAAe,GAAG,IAAI,GAAG,SAAS,EACtD,MAAM,EAAE,UAAU,EAClB,SAAS,EAAE,mBAAmB,eAO/B;AAmFD,wBAAgB,sBAAsB,CAAC,MAAM,EAAE,kBAAkB,sBAuBhE;AAuBD,wBAAgB,yBAAyB,CACvC,eAAe,EAAE,eAAe,CAAC,gBAAgB,CAAC,EAClD,SAAS,EAAE,mBAAmB,EAC9B,WAAW,CAAC,EAAE,qBAAqB,EACnC,aAAa,CAAC,EAAE,MAAM,GACrB,mBAAmB,GAAG,IAAI,CAuB5B;AAwBD,wBAAgB,iCAAiC,CAC/C,IAAI,EAAE,KAAK,EACX,SAAS,EAAE,mBAAmB,EAC9B,OAAO,EAAE,gBAAgB,EAAE,EAC3B,WAAW,CAAC,EAAE,qBAAqB,GAClC,mBAAmB,CAsBrB;AAED,wBAAgB,cAAc,CAAC,MAAM,EAAE,gBAAgB,GAAG,SAAS,EAAE,SAAS,EAAE,mBAAmB,2BAGlG"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/ui/DatePicker/utils.ts"],"names":[],"mappings":"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"}

package/dist/ui/DatePicker/utils.js

@@ -14,6 +14,8 @@ exports.resolveDatePickerBounds = resolveDatePickerBounds;
 exports.resolveCommittedDate = resolveCommittedDate;
 exports.resolvePickerDate = resolvePickerDate;
 exports.buildDatePickerOptions = buildDatePickerOptions;
+exports.createDatePickerOptionChildrenResolver = createDatePickerOptionChildrenResolver;
+exports.createDatePickerOptionDisabledResolver = createDatePickerOptionDisabledResolver;
 exports.createDatePickerSelection = createDatePickerSelection;
 exports.createDatePickerSelectionFromDate = createDatePickerSelectionFromDate;
 exports.dateFromOption = dateFromOption;
@@ -200,10 +202,6 @@ function buildMonths(year, config) {
         const option = createOption('month', parts, precision === 'month'
             ? resolveDisabled(optionDate(parts), parts, 'month', precision, isDateDisabled)
             : false);
-        if (precision === 'day') {
-            option.children = buildDays(year, month, config);
-            option.disabled = option.children.length > 0 && option.children.every((child) => child.disabled);
-        }
         months.push(option);
     }
     return months;
@@ -216,14 +214,62 @@ function buildDatePickerOptions(config) {
         const option = createOption('year', parts, precision === 'year'
             ? resolveDisabled(optionDate(parts), parts, 'year', precision, isDateDisabled)
             : false);
-        if (precision !== 'year') {
-            option.children = buildMonths(year, config);
-            option.disabled = option.children.length > 0 && option.children.every((child) => child.disabled);
-        }
         years.push(option);
     }
     return years;
 }
+function createDatePickerOptionChildrenResolver(config) {
+    const cache = new Map();
+    return (option) => {
+        if (option.column === 'year' && config.precision !== 'year') {
+            const key = `months:${option.year}`;
+            const cached = cache.get(key);
+            if (cached)
+                return cached;
+            const months = buildMonths(option.year, config);
+            cache.set(key, months);
+            return months;
+        }
+        if (option.column === 'month' && config.precision === 'day' && option.month != null) {
+            const key = `days:${option.year}-${option.month}`;
+            const cached = cache.get(key);
+            if (cached)
+                return cached;
+            const days = buildDays(option.year, option.month, config);
+            cache.set(key, days);
+            return days;
+        }
+        return [];
+    };
+}
+function getOptionPathKey(option) {
+    var _a, _b;
+    return `${option.column}:${option.year}-${(_a = option.month) !== null && _a !== void 0 ? _a : 0}-${(_b = option.day) !== null && _b !== void 0 ? _b : 0}`;
+}
+function createDatePickerOptionDisabledResolver(config, getOptionChildren) {
+    const cache = new Map();
+    const resolveOption = (option, index, path) => {
+        var _a, _b;
+        const key = getOptionPathKey(option);
+        const cached = cache.get(key);
+        if (cached != null)
+            return cached;
+        let disabled = false;
+        if (option.column === config.precision) {
+            disabled =
+                (_a = option.disabled) !== null && _a !== void 0 ? _a : resolveDisabled(optionDate(option), option, option.column, config.precision, config.isDateDisabled);
+        }
+        else if (config.isDateDisabled) {
+            const children = (_b = getOptionChildren(option, index, path)) !== null && _b !== void 0 ? _b : [];
+            disabled =
+                children.length > 0 &&
+                    children.every((child, childIndex) => resolveOption(child, childIndex, [...path, child]));
+        }
+        cache.set(key, disabled);
+        return disabled;
+    };
+    return resolveOption;
+}
 function numberValues(values) {
     return values.map((value) => Number(value)).filter((value) => Number.isFinite(value));
 }
@@ -268,11 +314,13 @@ function createDatePickerSelection(pickerSelection, precision, labelFormat, labe
         label: labelOverride !== null && labelOverride !== void 0 ? labelOverride : resolveSelectionLabel(base, labelFormat),
     };
 }
-function findOptionPath(options, values) {
+function findOptionPath(options, values, getOptionChildren) {
+    var _a, _b;
     const items = [];
     const columns = [];
     const indices = [];
     let current = options;
+    let path = [];
     for (const value of values) {
         columns.push(current);
         const index = current.findIndex((option) => option.value === value);
@@ -283,13 +331,15 @@ function findOptionPath(options, values) {
             break;
         items.push(item);
         indices.push(index);
-        current = Array.isArray(item.children) ? item.children : [];
+        const nextPath = [...path, item];
+        current = [...((_b = (_a = getOptionChildren === null || getOptionChildren === void 0 ? void 0 : getOptionChildren(item, index, nextPath)) !== null && _a !== void 0 ? _a : item.children) !== null && _b !== void 0 ? _b : [])];
+        path = nextPath;
     }
     return { items, columns, indices };
 }
-function createDatePickerSelectionFromDate(date, precision, options, labelFormat) {
+function createDatePickerSelectionFromDate(date, precision, options, labelFormat, getOptionChildren) {
     const values = pathFromDate(date, precision);
-    const { items, columns, indices } = findOptionPath(options, values);
+    const { items, columns, indices } = findOptionPath(options, values, getOptionChildren);
     const labels = values.map((value, index) => (index === 0 ? String(value) : pad2(value)));
     const base = {
         value: formatDatePickerValue(date, precision),

package/dist/ui/Text/index.d.ts

@@ -14,7 +14,7 @@ export interface TextProps extends NativeTextProps {
      */
     variant?: TextVariant;
     /**
-     * Named type scale token, or an unscaled design pixel size that will be resolved through wp(...).
+     * Named type scale token, or a numeric native font size.
      */
     size?: TextSizeValue;
     /**

package/dist/ui/Text/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/Text/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAGL,IAAI,IAAI,MAAM,EAEd,KAAK,SAAS,EACd,KAAK,SAAS,IAAI,WAAW,EAC7B,KAAK,SAAS,EAGf,MAAM,cAAc,CAAC;AAKtB,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,CAAC;AAClG,MAAM,MAAM,QAAQ,GAAG,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC;AACxF,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,MAAM,CAAC;AAC9C,MAAM,MAAM,QAAQ,GAChB,SAAS,GACT,SAAS,GACT,OAAO,GACP,QAAQ,GACR,SAAS,GACT,SAAS,GACT,SAAS,GACT,QAAQ,GACR,MAAM,GACN,UAAU,GACV,SAAS,GACT,WAAW,GACX,aAAa,GACb,SAAS,CAAC;AACd,MAAM,MAAM,UAAU,GAClB,SAAS,GACT,QAAQ,GACR,UAAU,GACV,MAAM,GACN,OAAO,GACP,OAAO,GACP,WAAW,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC,CAAC;AACzC,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,MAAM,CAAC;AAE5C,KAAK,eAAe,GAAG,IAAI,CAAC,WAAW,EAAE,OAAO,GAAG,UAAU,GAAG,eAAe,GAAG,eAAe,CAAC,CAAC;AAEnG,MAAM,MAAM,OAAO,GAAG,KAAK,CAAC,YAAY,CAAC,OAAO,MAAM,CAAC,CAAC;AAExD,MAAM,WAAW,SAAU,SAAQ,eAAe;IAChD;;OAEG;IACH,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB;;OAEG;IACH,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,SAAS,CAAC,WAAW,CAAC,CAAC;IAC/B,SAAS,CAAC,EAAE,SAAS,CAAC,eAAe,CAAC,CAAC;IACvC,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,WAAW,CAAC,eAAe,CAAC,CAAC;IAC7C,aAAa,CAAC,EAAE,WAAW,CAAC,eAAe,CAAC,CAAC;IAC7C,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAgcD,eAAO,MAAM,IAAI,qEAAuB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/Text/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAGL,IAAI,IAAI,MAAM,EAEd,KAAK,SAAS,EACd,KAAK,SAAS,IAAI,WAAW,EAC7B,KAAK,SAAS,EAGf,MAAM,cAAc,CAAC;AAKtB,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,CAAC;AAClG,MAAM,MAAM,QAAQ,GAAG,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC;AACxF,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,MAAM,CAAC;AAC9C,MAAM,MAAM,QAAQ,GAChB,SAAS,GACT,SAAS,GACT,OAAO,GACP,QAAQ,GACR,SAAS,GACT,SAAS,GACT,SAAS,GACT,QAAQ,GACR,MAAM,GACN,UAAU,GACV,SAAS,GACT,WAAW,GACX,aAAa,GACb,SAAS,CAAC;AACd,MAAM,MAAM,UAAU,GAClB,SAAS,GACT,QAAQ,GACR,UAAU,GACV,MAAM,GACN,OAAO,GACP,OAAO,GACP,WAAW,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC,CAAC;AACzC,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,MAAM,CAAC;AAE5C,KAAK,eAAe,GAAG,IAAI,CAAC,WAAW,EAAE,OAAO,GAAG,UAAU,GAAG,eAAe,GAAG,eAAe,CAAC,CAAC;AAEnG,MAAM,MAAM,OAAO,GAAG,KAAK,CAAC,YAAY,CAAC,OAAO,MAAM,CAAC,CAAC;AAExD,MAAM,WAAW,SAAU,SAAQ,eAAe;IAChD;;OAEG;IACH,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB;;OAEG;IACH,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,SAAS,CAAC,WAAW,CAAC,CAAC;IAC/B,SAAS,CAAC,EAAE,SAAS,CAAC,eAAe,CAAC,CAAC;IACvC,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,WAAW,CAAC,eAAe,CAAC,CAAC;IAC7C,aAAa,CAAC,EAAE,WAAW,CAAC,eAAe,CAAC,CAAC;IAC7C,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAqcD,eAAO,MAAM,IAAI,qEAAuB,CAAC"}

package/dist/ui/Text/index.js

@@ -248,6 +248,9 @@ function resolveTypographyToken(size) {
         lineHeight: Math.ceil(fontSize * DEFAULT_LINE_HEIGHT_RATIO),
     };
 }
+function shouldScaleTypographyToken(size) {
+    return typeof size === 'string' || !isFiniteNumber(size);
+}
 function readStyleNumber(style, key) {
     const value = style === null || style === void 0 ? void 0 : style[key];
     return isFiniteNumber(value) ? Math.max(0, value) : undefined;
@@ -255,21 +258,22 @@ function readStyleNumber(style, key) {
 function resolveTypographyStyle({ explicitLineHeight, hasExplicitSize, shouldUseVariantDefaults, size, styleFontSize, styleLineHeight, }) {
     const shouldResolveSize = hasExplicitSize || shouldUseVariantDefaults;
     const token = shouldResolveSize ? resolveTypographyToken(size) : undefined;
+    const shouldScaleToken = shouldResolveSize ? shouldScaleTypographyToken(size) : false;
     const nextStyle = {};
     let hasStyle = false;
     if (token) {
-        nextStyle.fontSize = (0, zkit_tools_1.wp)(token.fontSize);
+        nextStyle.fontSize = shouldScaleToken ? (0, zkit_tools_1.wp)(token.fontSize) : token.fontSize;
         hasStyle = true;
     }
     if (styleLineHeight != null) {
         return hasStyle ? nextStyle : undefined;
     }
     if (isFiniteNumber(explicitLineHeight)) {
-        nextStyle.lineHeight = (0, zkit_tools_1.wp)(Math.max(0, explicitLineHeight));
+        nextStyle.lineHeight = Math.max(0, explicitLineHeight);
         hasStyle = true;
     }
     else if (token && styleFontSize == null) {
-        nextStyle.lineHeight = (0, zkit_tools_1.wp)(token.lineHeight);
+        nextStyle.lineHeight = shouldScaleToken ? (0, zkit_tools_1.wp)(token.lineHeight) : token.lineHeight;
         hasStyle = true;
     }
     return hasStyle ? nextStyle : undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "zkit-ui",
-  "version": "2.0.0",
+  "version": "2.0.3",
   "private": false,
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -186,11 +186,19 @@
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
   },
+  "scripts": {
+    "build": "node scripts/build.cjs",
+    "verify:entrypoints": "node scripts/verify-entrypoints.cjs",
+    "verify": "pnpm run build && pnpm run verify:entrypoints",
+    "typecheck": "tsc -p tsconfig.json --noEmit",
+    "prepack": "pnpm run build",
+    "prepublishOnly": "pnpm run build"
+  },
   "dependencies": {
     "@vant/area-data": "^2.1.0",
     "dayjs": "^1.11.13",
     "react-native-toast-message": "^2.3.3",
-    "zkit-tools": "1.0.1"
+    "zkit-tools": "workspace:*"
   },
   "peerDependencies": {
     "@expo/vector-icons": "*",
@@ -210,6 +218,7 @@
   },
   "devDependencies": {
     "@expo/vector-icons": "^15.1.1",
+    "@lodev09/react-native-true-sheet": "workspace:*",
     "@shopify/flash-list": "^2.3.1",
     "@types/react": "~19.1.17",
     "dayjs": "^1.11.13",
@@ -225,13 +234,6 @@
     "react-native-svg": "^15.12.1",
     "react-native-worklets": "0.5.1",
     "sonner-native": "^0.22.2",
-    "typescript": "~5.9.3",
-    "@lodev09/react-native-true-sheet": "3.10.0"
-  },
-  "scripts": {
-    "build": "node scripts/build.cjs",
-    "verify:entrypoints": "node scripts/verify-entrypoints.cjs",
-    "verify": "pnpm run build && pnpm run verify:entrypoints",
-    "typecheck": "tsc -p tsconfig.json --noEmit"
+    "typescript": "~5.9.3"
   }
-}
+}

package/src/ui/DatePicker/index.tsx

@@ -10,6 +10,8 @@ import {
 import { useI18n } from '../../i18n/useI18n';
 import {
   buildDatePickerOptions,
+  createDatePickerOptionChildrenResolver,
+  createDatePickerOptionDisabledResolver,
   createDatePickerSelection,
   createDatePickerSelectionFromDate,
   DATE_PICKER_COLUMNS,
@@ -138,10 +140,19 @@ export const DatePicker = React.forwardRef<DatePickerHandle, DatePickerProps>(fu
   const committedValue = isValueControlled ? valueProp : innerValue;
 
   const bounds = React.useMemo(() => resolveDatePickerBounds(min, max), [max, min]);
-  const options = React.useMemo(
-    () => buildDatePickerOptions({ bounds, precision, isDateDisabled }),
+  const optionConfig = React.useMemo(
+    () => ({ bounds, precision, isDateDisabled }),
     [bounds, isDateDisabled, precision]
   );
+  const options = React.useMemo(() => buildDatePickerOptions(optionConfig), [optionConfig]);
+  const getDateOptionChildren = React.useMemo(
+    () => createDatePickerOptionChildrenResolver(optionConfig),
+    [optionConfig]
+  );
+  const isDateOptionDisabled = React.useMemo(
+    () => createDatePickerOptionDisabledResolver(optionConfig, getDateOptionChildren),
+    [getDateOptionChildren, optionConfig]
+  );
   const committedDate = React.useMemo(
     () => resolveCommittedDate(committedValue, bounds, precision),
     [bounds, committedValue, precision]
@@ -154,9 +165,15 @@ export const DatePicker = React.forwardRef<DatePickerHandle, DatePickerProps>(fu
   const committedSelection = React.useMemo(
     () =>
       committedDate
-        ? createDatePickerSelectionFromDate(committedDate, precision, options, labelFormat)
+        ? createDatePickerSelectionFromDate(
+            committedDate,
+            precision,
+            options,
+            labelFormat,
+            getDateOptionChildren
+          )
         : null,
-    [committedDate, labelFormat, options, precision]
+    [committedDate, getDateOptionChildren, labelFormat, options, precision]
   );
 
   const resolveSelection = React.useCallback(
@@ -281,6 +298,8 @@ export const DatePicker = React.forwardRef<DatePickerHandle, DatePickerProps>(fu
       emptyText={emptyText}
       formatLabel={formatPickerLabel}
       renderColumnHeader={handleRenderColumnHeader}
+      getOptionChildren={getDateOptionChildren}
+      isOptionDisabled={isDateOptionDisabled}
       maxColumns={getColumnCount(precision)}
       lazyContent={lazyContent}
       sheetHeight={sheetHeight}

package/src/ui/DatePicker/utils.ts

@@ -51,6 +51,18 @@ type BuildOptionsConfig = {
   isDateDisabled?: DatePickerProps['isDateDisabled'];
 };
 
+export type DatePickerOptionChildrenResolver = (
+  option: DatePickerOption,
+  index: number,
+  path: DatePickerOption[]
+) => readonly DatePickerOption[] | undefined;
+
+export type DatePickerOptionDisabledResolver = (
+  option: DatePickerOption,
+  index: number,
+  path: DatePickerOption[]
+) => boolean;
+
 function pad2(n: number) {
   return String(n).padStart(2, '0');
 }
@@ -261,11 +273,6 @@ function buildMonths(year: number, config: BuildOptionsConfig) {
         : false
     );
 
-    if (precision === 'day') {
-      option.children = buildDays(year, month, config);
-      option.disabled = option.children.length > 0 && option.children.every((child) => child.disabled);
-    }
-
     months.push(option);
   }
 
@@ -286,17 +293,81 @@ export function buildDatePickerOptions(config: BuildOptionsConfig) {
         : false
     );
 
-    if (precision !== 'year') {
-      option.children = buildMonths(year, config);
-      option.disabled = option.children.length > 0 && option.children.every((child) => child.disabled);
-    }
-
     years.push(option);
   }
 
   return years;
 }
 
+export function createDatePickerOptionChildrenResolver(
+  config: BuildOptionsConfig
+): DatePickerOptionChildrenResolver {
+  const cache = new Map<string, DatePickerOption[]>();
+
+  return (option) => {
+    if (option.column === 'year' && config.precision !== 'year') {
+      const key = `months:${option.year}`;
+      const cached = cache.get(key);
+      if (cached) return cached;
+
+      const months = buildMonths(option.year, config);
+      cache.set(key, months);
+      return months;
+    }
+
+    if (option.column === 'month' && config.precision === 'day' && option.month != null) {
+      const key = `days:${option.year}-${option.month}`;
+      const cached = cache.get(key);
+      if (cached) return cached;
+
+      const days = buildDays(option.year, option.month, config);
+      cache.set(key, days);
+      return days;
+    }
+
+    return [];
+  };
+}
+
+function getOptionPathKey(option: DatePickerOption) {
+  return `${option.column}:${option.year}-${option.month ?? 0}-${option.day ?? 0}`;
+}
+
+export function createDatePickerOptionDisabledResolver(
+  config: BuildOptionsConfig,
+  getOptionChildren: DatePickerOptionChildrenResolver
+): DatePickerOptionDisabledResolver {
+  const cache = new Map<string, boolean>();
+
+  const resolveOption = (
+    option: DatePickerOption,
+    index: number,
+    path: DatePickerOption[]
+  ): boolean => {
+    const key = getOptionPathKey(option);
+    const cached = cache.get(key);
+    if (cached != null) return cached;
+
+    let disabled = false;
+
+    if (option.column === config.precision) {
+      disabled =
+        option.disabled ??
+        resolveDisabled(optionDate(option), option, option.column, config.precision, config.isDateDisabled);
+    } else if (config.isDateDisabled) {
+      const children = getOptionChildren(option, index, path) ?? [];
+      disabled =
+        children.length > 0 &&
+        children.every((child, childIndex) => resolveOption(child, childIndex, [...path, child]));
+    }
+
+    cache.set(key, disabled);
+    return disabled;
+  };
+
+  return resolveOption;
+}
+
 function numberValues(values: PickerSelection<DatePickerOption>['values']) {
   return values.map((value) => Number(value)).filter((value) => Number.isFinite(value));
 }
@@ -348,11 +419,16 @@ export function createDatePickerSelection(
   };
 }
 
-function findOptionPath(options: DatePickerOption[], values: number[]) {
+function findOptionPath(
+  options: DatePickerOption[],
+  values: number[],
+  getOptionChildren?: DatePickerOptionChildrenResolver
+) {
   const items: DatePickerOption[] = [];
   const columns: DatePickerOption[][] = [];
   const indices: number[] = [];
   let current = options;
+  let path: DatePickerOption[] = [];
 
   for (const value of values) {
     columns.push(current);
@@ -364,7 +440,9 @@ function findOptionPath(options: DatePickerOption[], values: number[]) {
 
     items.push(item);
     indices.push(index);
-    current = Array.isArray(item.children) ? item.children : [];
+    const nextPath = [...path, item];
+    current = [...(getOptionChildren?.(item, index, nextPath) ?? item.children ?? [])];
+    path = nextPath;
   }
 
   return { items, columns, indices };
@@ -374,10 +452,11 @@ export function createDatePickerSelectionFromDate(
   date: Dayjs,
   precision: DatePickerPrecision,
   options: DatePickerOption[],
-  labelFormat?: DatePickerLabelFormat
+  labelFormat?: DatePickerLabelFormat,
+  getOptionChildren?: DatePickerOptionChildrenResolver
 ): DatePickerSelection {
   const values = pathFromDate(date, precision);
-  const { items, columns, indices } = findOptionPath(options, values);
+  const { items, columns, indices } = findOptionPath(options, values, getOptionChildren);
   const labels = values.map((value, index) => (index === 0 ? String(value) : pad2(value)));
   const base: DatePickerSelection = {
     value: formatDatePickerValue(date, precision),

package/src/ui/Text/README.md

@@ -69,8 +69,8 @@ export function Demo() {
   <Text size="2xl">2xl</Text>
   <Text size="3xl">3xl</Text>
   <Text size="4xl">4xl</Text>
-  <Text size={18} lineHeight={26}>
-    自定义设计尺寸
+  <Text size={wp(18)} lineHeight={wp(26)}>
+    自定义原生尺寸
   </Text>
 </>
 ```
@@ -89,7 +89,7 @@ export function Demo() {
 | `3xl` | `wp(30)` | `wp(38)` |
 | `4xl` | `wp(36)` | `wp(44)` |
 
-传入数字 `size` 或 `lineHeight` 时，数字代表未缩放的设计像素，组件内部会统一转换。
+传入数字 `size` 或 `lineHeight` 时，数字代表调用侧已经计算好的原生尺寸，组件内部不会再次 `wp(...)`。
 通过 `style.fontSize` 直接覆盖字号时，调用侧应传入已经计算好的原生字号；如果没有同时传入 `lineHeight` 或 `style.lineHeight`，组件会移除内置 token 行高，避免字号和行高不匹配。
 
 ## 颜色

package/src/ui/Text/index.tsx

@@ -52,7 +52,7 @@ export interface TextProps extends NativeTextProps {
    */
   variant?: TextVariant;
   /**
-   * Named type scale token, or an unscaled design pixel size that will be resolved through wp(...).
+   * Named type scale token, or a numeric native font size.
    */
   size?: TextSizeValue;
   /**
@@ -313,6 +313,10 @@ function resolveTypographyToken(size: TextSizeValue): TypographyToken {
   };
 }
 
+function shouldScaleTypographyToken(size: TextSizeValue) {
+  return typeof size === 'string' || !isFiniteNumber(size);
+}
+
 function readStyleNumber(style: TextStyle | undefined, key: 'fontSize' | 'lineHeight') {
   const value = style?.[key];
   return isFiniteNumber(value) ? Math.max(0, value) : undefined;
@@ -335,11 +339,12 @@ function resolveTypographyStyle({
 }): TextStyle | undefined {
   const shouldResolveSize = hasExplicitSize || shouldUseVariantDefaults;
   const token = shouldResolveSize ? resolveTypographyToken(size) : undefined;
+  const shouldScaleToken = shouldResolveSize ? shouldScaleTypographyToken(size) : false;
   const nextStyle: TextStyle = {};
   let hasStyle = false;
 
   if (token) {
-    nextStyle.fontSize = wp(token.fontSize);
+    nextStyle.fontSize = shouldScaleToken ? wp(token.fontSize) : token.fontSize;
     hasStyle = true;
   }
 
@@ -348,10 +353,10 @@ function resolveTypographyStyle({
   }
 
   if (isFiniteNumber(explicitLineHeight)) {
-    nextStyle.lineHeight = wp(Math.max(0, explicitLineHeight));
+    nextStyle.lineHeight = Math.max(0, explicitLineHeight);
     hasStyle = true;
   } else if (token && styleFontSize == null) {
-    nextStyle.lineHeight = wp(token.lineHeight);
+    nextStyle.lineHeight = shouldScaleToken ? wp(token.lineHeight) : token.lineHeight;
     hasStyle = true;
   }