jsbox-cview 1.4.3 → 1.4.4

package/components/dialogs/dialog-sheet.ts

@@ -13,6 +13,7 @@ import { Base } from "../base";
  * @param doneHandler 完成时的回调
  * @param presentMode 显示模式
  * @param bgcolor 背景颜色
+ * @param doneButtonHidden 是否隐藏完成按钮, 默认为false，如果隐藏则需要自行实现完成逻辑
  */
 export class DialogSheet extends Sheet<ContentView, UIView, UiTypes.ViewOptions> {
   _props: {
@@ -21,6 +22,7 @@ export class DialogSheet extends Sheet<ContentView, UIView, UiTypes.ViewOptions>
     doneHandler?: () => void;
     presentMode?: number;
     bgcolor?: UIColor;
+    doneButtonHidden?: boolean;
   }
   _done: boolean;
   private _navbar?: CustomNavigationBar;
@@ -33,6 +35,7 @@ export class DialogSheet extends Sheet<ContentView, UIView, UiTypes.ViewOptions>
     doneHandler?: () => void;
     presentMode?: number;
     bgcolor?: UIColor;
+    doneButtonHidden?: boolean;
   }) {
     super({
       presentMode: props.presentMode || ($device.isIpad ? 2 : 1),
@@ -57,9 +60,9 @@ export class DialogSheet extends Sheet<ContentView, UIView, UiTypes.ViewOptions>
         leftBarButtonItems: [
           { symbol: "xmark", handler: () => this.dismiss() }
         ],
-        rightBarButtonItems: [
-          { title: l10n("DONE"), handler: () => this.done() }
-        ]
+        rightBarButtonItems: this._props.doneButtonHidden
+          ? []
+          : [{ title: l10n("DONE"), handler: () => this.done() }]
       }
     });
     this._props.cview._layout = (make, view) => {

package/components/dynamic-preference-listview.ts

@@ -10,12 +10,14 @@ import {
   PrefsRowSlider,
   PrefsRowList,
   PrefsRowTab,
+  PrefsRowDate,
   PrefsRowInfo,
   PrefsRowInteractiveInfo,
   PrefsRowLink,
   PrefsRowAction,
   selectableTypes,
-  excludedTypes
+  excludedTypes,
+  dateToString
 } from "./static-preference-listview";
 
 
@@ -49,7 +51,7 @@ interface RequiredCunstomProps extends UiTypes.ListProps {
  * 
  * 为了缓解上面的问题, 让修改布局无需调整源代码, 增加下列 props:
  * 
- * - stringLeftInset?: number = 120 将同时作用于 string, number, integer, list, 但是由于后三者内容可控, 可视为只作用于 string
+ * - stringLeftInset?: number = 120 将同时作用于 string, number, integer, list, date 但是由于后四者内容可控, 可视为只作用于 string
  * - infoAndLinkLeftInset?: number = 120 作用于 info, link
  * - sliderWidth?: number = 200 作用于 slider
  * - tabWidth?: number = 200 作用于 tab
@@ -175,11 +177,10 @@ export class DynamicPreferenceListView extends Base<UIListView, UiTypes.ListOpti
                         events: {
                           changed: sender => {
                             const { section, row } = sender.info;
-                            this._sections[section].rows[row].value =
-                              sender.value;
-                            this.view.data = this._map(this._sections);
-                            if (events.changed)
-                              events.changed(this.values);
+                            this._sections[section].rows[row].value = sender.value;
+                            const label = sender.next as UILabelView;
+                            label.text = sender.value.toString();
+                            if (events.changed) events.changed(this.values);
                           }
                         }
                       },
@@ -207,7 +208,9 @@ export class DynamicPreferenceListView extends Base<UIListView, UiTypes.ListOpti
                       {
                         type: "slider",
                         props: {
-                          id: "slider"
+                          id: "slider",
+                          min: 0,
+                          max: 1
                         },
                         layout: (make, view) => {
                           make.centerY.equalTo(view.super);
@@ -220,7 +223,7 @@ export class DynamicPreferenceListView extends Base<UIListView, UiTypes.ListOpti
                             const options = this._sections[section].rows[row] as PrefsRowSlider;
                             const label = sender.next as UILabelView;
                             label.text = this._handleSliderValue(
-                              sender.value,
+                              sender.value * (options.max ?? 1),
                               options.decimal,
                               options.min,
                               options.max
@@ -232,14 +235,12 @@ export class DynamicPreferenceListView extends Base<UIListView, UiTypes.ListOpti
                             this._sections[section].rows[
                               row
                             ].value = this._handleSliderValue(
-                              sender.value,
+                              sender.value * (options.max ?? 1),
                               options.decimal,
                               options.min,
                               options.max
                             );
-                            this.view.data = this._map(this._sections);
-                            if (events.changed)
-                              events.changed(this.values);
+                            if (events.changed) events.changed(this.values);
                           }
                         }
                       },
@@ -270,11 +271,7 @@ export class DynamicPreferenceListView extends Base<UIListView, UiTypes.ListOpti
                       changed: sender => {
                         const { section, row } = sender.info;
                         this._sections[section].rows[row].value = sender.on;
-                        $delay(0.2, () => {
-                          this.view.data = this._map(this._sections);
-                          if (events.changed)
-                            events.changed(this.values);
-                        });
+                        if (events.changed) events.changed(this.values);
                       }
                     }
                   },
@@ -293,11 +290,7 @@ export class DynamicPreferenceListView extends Base<UIListView, UiTypes.ListOpti
                       changed: sender => {
                         const { section, row } = sender.info;
                         this._sections[section].rows[row].value = sender.index;
-                        $delay(0.3, () => {
-                          this.view.data = this._map(this._sections);
-                          if (events.changed)
-                            events.changed(this.values);
-                        });
+                        if (events.changed) events.changed(this.values);
                       }
                     }
                   },
@@ -383,6 +376,23 @@ export class DynamicPreferenceListView extends Base<UIListView, UiTypes.ListOpti
                 });
                 break;
               }
+              case "date": {
+                const props: any = {}
+                if (row.value) props.date = row.value;
+                if (row.min) props.min = row.min;
+                if (row.max) props.max = row.max;
+                if (row.mode) props.mode = row.mode;
+                if (row.interval) props.interval = row.interval;
+                $picker.date({
+                  props: props,
+                  handler: (date: Date) => {
+                    row.value = date;
+                    sender.data = this._map(this._sections);
+                    if (events.changed) events.changed(this.values);
+                  }
+                });
+                break;
+              }
               case "interactive-info": {
                 if (row.copyable) {
                   $ui.alert({
@@ -465,7 +475,7 @@ export class DynamicPreferenceListView extends Base<UIListView, UiTypes.ListOpti
           text: options.title,
           textColor: options.titleColor || $color("primaryText")
         }, // 标题, 同时用于action
-        label_and_chevron: { hidden: true }, // 用于string, number, integer, list
+        label_and_chevron: { hidden: true }, // 用于string, number, integer, list, date
         number_and_stepper: { hidden: true }, // 用于stepper
         slider_and_number: { hidden: true }, // 用于slider
         switch: { hidden: true }, // 用于boolean
@@ -539,10 +549,10 @@ export class DynamicPreferenceListView extends Base<UIListView, UiTypes.ListOpti
               text: adjustedValue
             };
             data.slider = {
-              value: adjustedValue,
+              value: adjustedValue / (n.max ?? 1),
               info: { section: sectionIndex, row: rowIndex, key: n.key },
-              min: n.min,
-              max: n.max,
+              //min: n.min, // 不可用，否则会出现slider滑动结束变为0点的bug
+              //max: n.max,
               minColor: n.minColor || $color("systemLink"),
               maxColor: n.maxColor,
               thumbColor: n.thumbColor
@@ -566,6 +576,15 @@ export class DynamicPreferenceListView extends Base<UIListView, UiTypes.ListOpti
             };
             break;
           }
+          case "date": {
+            data.label_and_chevron.hidden = false;
+            data.label_before_chevron = {
+              hidden: false,
+              textColor: $color("secondaryText"),
+              text: dateToString(n.mode || 2, n.value)
+            };
+            break;
+          }
           case "info": {
             data.label_info_link = {
               hidden: false,

package/components/static-preference-listview.ts

@@ -1,14 +1,14 @@
 import { Base } from "./base";
 import { getTextWidth } from "../utils/uitools";
 
-type PreferenceCellTypes = "string" | "number" | "integer" | "stepper" | "boolean" | "slider" | "list" | "tab" | "info" | "interactive-info" | "link" | "action";
+type PreferenceCellTypes = "string" | "number" | "integer" | "stepper" | "boolean" | "slider" | "list" | "tab" | "date" | "info" | "interactive-info" | "link" | "action";
 
 export interface PreferenceSection {
   title: string;
   rows: PrefsRow[]
 }
 
-export type PrefsRow = PrefsRowString | PrefsRowNumber | PrefsRowInteger | PrefsRowStepper | PrefsRowBoolean | PrefsRowSlider | PrefsRowList | PrefsRowTab | PrefsRowInfo | PrefsRowInteractiveInfo | PrefsRowLink | PrefsRowAction;
+export type PrefsRow = PrefsRowString | PrefsRowNumber | PrefsRowInteger | PrefsRowStepper | PrefsRowBoolean | PrefsRowSlider | PrefsRowList | PrefsRowTab | PrefsRowDate | PrefsRowInfo | PrefsRowInteractiveInfo | PrefsRowLink | PrefsRowAction;
 
 interface PrefsRowBase {
   type: PreferenceCellTypes;
@@ -80,6 +80,15 @@ export interface PrefsRowTab extends PrefsRowBase {
   items: string[];
 }
 
+export interface PrefsRowDate extends PrefsRowBase {
+  type: "date";
+  value?: Date;
+  min?: Date;
+  max?: Date;
+  mode?: number;
+  interval?: number;
+}
+
 export interface PrefsRowInfo extends PrefsRowBase {
   type: "info";
   value?: string;
@@ -108,6 +117,7 @@ export const selectableTypes = [
   "integer",
   "stepper",
   "list",
+  "date",
   "interactive-info",
   "link",
   "action"
@@ -122,7 +132,7 @@ export const excludedTypes = [
 
 type PreferenceValues = { [key: string]: any };
 
-type AllCells = StringCell | NumberCell | IntegerCell | StepperCell | BooleanCell | SliderCell | ListCell | TabCell | InteractiveInfoCell | InfoCell | LinkCell | ActionCell;
+type AllCells = StringCell | NumberCell | IntegerCell | StepperCell | BooleanCell | SliderCell | ListCell | TabCell | DateCell | InteractiveInfoCell | InfoCell | LinkCell | ActionCell;
 
 abstract class Cell extends Base<UIView, UiTypes.ViewOptions> {
   abstract _type: string;
@@ -638,6 +648,85 @@ class TabCell extends Cell {
   }
 }
 
+export function dateToString(mode: number, date?: Date) {
+  if (!date) return ""
+  const year = date.getFullYear();
+  const month = String(date.getMonth() + 1).padStart(2, '0');
+  const day = String(date.getDate()).padStart(2, '0');
+  const hours = String(date.getHours()).padStart(2, '0');
+  const minutes = String(date.getMinutes()).padStart(2, '0');
+  if (mode === 0 || mode === 3) {
+    return `${hours}:${minutes}`;
+  } else if (mode === 1) {
+    return `${year}-${month}-${day}`;
+  } else {
+    return `${year}-${month}-${day} ${hours}:${minutes}`;
+  }
+}
+
+class DateCell extends Cell {
+  readonly _type = "date";
+  _mode: number;
+  _interval?: number;
+  _min?: Date;
+  _max?: Date;
+  constructor(props: PrefsRowDate, values: PreferenceValues) {
+    super(props, values);
+    const { mode, min, max, interval } = props;
+    this._mode = mode || 2;
+    this._min = min;
+    this._max = max;
+    this._interval = interval;
+  }
+
+  _defineValueView(): UiTypes.ViewOptions {
+    return {
+      type: "view",
+      props: {},
+      layout: (make, view) => {
+        make.top.bottom.inset(0);
+        make.left.equalTo(view.prev.right).inset(10);
+        make.right.inset(15);
+      },
+      views: [
+        {
+          type: "image",
+          props: {
+            symbol: "chevron.right",
+            tintColor: $color("lightGray", "darkGray"),
+            contentMode: 1
+          },
+          layout: (make, view) => {
+            make.centerY.equalTo(view.super);
+            make.size.equalTo($size(17, 17));
+            make.right.inset(0);
+          }
+        },
+        {
+          type: "label",
+          props: {
+            id: "label",
+            text: dateToString(this._mode, this._value),
+            textColor: $color("secondaryText"),
+            align: $align.right
+          },
+          layout: (make, view) => {
+            make.centerY.equalTo(view.super);
+            make.left.inset(0);
+            make.right.equalTo(view.prev.left).inset(5);
+          }
+        }
+      ]
+    };
+  }
+
+  _handleValue(date: Date) {
+    const label = this.view.get("label") as UILabelView;
+    label.text = dateToString(this._mode, date);
+    return date;
+  }
+}
+
 class InfoCell extends Cell {
   readonly _type = "info";
   constructor(props: PrefsRowInfo, values: PreferenceValues) {
@@ -853,6 +942,14 @@ class ActionCell extends Cell {
  *     - value?: number 即 index, -1 时为不选
  *     - items?: string[]
  * 
+ * - date:
+ * 
+ *    - value?: Date
+ *    - min?: Date
+ *    - max?: Date
+ *    - mode?: number = 2
+ *    - interval?: number
+ * 
  * - info:
  * 
  *     - value?: string
@@ -985,6 +1082,22 @@ export class PreferenceListView extends Base<UIListView, UiTypes.ListOptions> {
                 });
                 break;
               }
+              case "date": {
+                const props: any = {}
+                if (cell.value) props.date = cell.value;
+                if (cell._min) props.min = cell._min;
+                if (cell._max) props.max = cell._max;
+                if (cell._mode) props.mode = cell._mode;
+                if (cell._interval) props.interval = cell._interval;
+                $picker.date({
+                  props: props,
+                  handler: (date: Date) => {
+                    cell.value = date;
+                    if (cell._changedEvent) cell._changedEvent();
+                  }
+                });
+                break;
+              }
               case "interactive-info": {
                 if (cell._copyable) {
                   $ui.alert({
@@ -1045,6 +1158,8 @@ export class PreferenceListView extends Base<UIListView, UiTypes.ListOptions> {
         return new ListCell(props, this._values);
       case "tab":
         return new TabCell(props, this._values);
+      case "date":
+        return new DateCell(props, this._values);
       case "info":
         return new InfoCell(props, this._values);
       case "interactive-info":

package/dist/components/dialogs/dialog-sheet.js

@@ -13,6 +13,7 @@ const single_views_1 = require("../single-views");
  * @param doneHandler 完成时的回调
  * @param presentMode 显示模式
  * @param bgcolor 背景颜色
+ * @param doneButtonHidden 是否隐藏完成按钮, 默认为false，如果隐藏则需要自行实现完成逻辑
  */
 class DialogSheet extends sheet_1.Sheet {
     constructor(props) {
@@ -38,9 +39,9 @@ class DialogSheet extends sheet_1.Sheet {
                 leftBarButtonItems: [
                     { symbol: "xmark", handler: () => this.dismiss() }
                 ],
-                rightBarButtonItems: [
-                    { title: (0, l10n_1.l10n)("DONE"), handler: () => this.done() }
-                ]
+                rightBarButtonItems: this._props.doneButtonHidden
+                    ? []
+                    : [{ title: (0, l10n_1.l10n)("DONE"), handler: () => this.done() }]
             }
         });
         this._props.cview._layout = (make, view) => {

package/dist/components/dynamic-preference-listview.js

@@ -19,7 +19,7 @@ const static_preference_listview_1 = require("./static-preference-listview");
  *
  * 为了缓解上面的问题, 让修改布局无需调整源代码, 增加下列 props:
  *
- * - stringLeftInset?: number = 120 将同时作用于 string, number, integer, list, 但是由于后三者内容可控, 可视为只作用于 string
+ * - stringLeftInset?: number = 120 将同时作用于 string, number, integer, list, date 但是由于后四者内容可控, 可视为只作用于 string
  * - infoAndLinkLeftInset?: number = 120 作用于 info, link
  * - sliderWidth?: number = 200 作用于 slider
  * - tabWidth?: number = 200 作用于 tab
@@ -124,9 +124,9 @@ class DynamicPreferenceListView extends base_1.Base {
                                                 events: {
                                                     changed: sender => {
                                                         const { section, row } = sender.info;
-                                                        this._sections[section].rows[row].value =
-                                                            sender.value;
-                                                        this.view.data = this._map(this._sections);
+                                                        this._sections[section].rows[row].value = sender.value;
+                                                        const label = sender.next;
+                                                        label.text = sender.value.toString();
                                                         if (events.changed)
                                                             events.changed(this.values);
                                                     }
@@ -156,7 +156,9 @@ class DynamicPreferenceListView extends base_1.Base {
                                             {
                                                 type: "slider",
                                                 props: {
-                                                    id: "slider"
+                                                    id: "slider",
+                                                    min: 0,
+                                                    max: 1
                                                 },
                                                 layout: (make, view) => {
                                                     make.centerY.equalTo(view.super);
@@ -165,16 +167,17 @@ class DynamicPreferenceListView extends base_1.Base {
                                                 },
                                                 events: {
                                                     changed: sender => {
+                                                        var _a;
                                                         const { section, row } = sender.info;
                                                         const options = this._sections[section].rows[row];
                                                         const label = sender.next;
-                                                        label.text = this._handleSliderValue(sender.value, options.decimal, options.min, options.max).toString();
+                                                        label.text = this._handleSliderValue(sender.value * ((_a = options.max) !== null && _a !== void 0 ? _a : 1), options.decimal, options.min, options.max).toString();
                                                     },
                                                     touchesEnded: sender => {
+                                                        var _a;
                                                         const { section, row } = sender.info;
                                                         const options = this._sections[section].rows[row];
-                                                        this._sections[section].rows[row].value = this._handleSliderValue(sender.value, options.decimal, options.min, options.max);
-                                                        this.view.data = this._map(this._sections);
+                                                        this._sections[section].rows[row].value = this._handleSliderValue(sender.value * ((_a = options.max) !== null && _a !== void 0 ? _a : 1), options.decimal, options.min, options.max);
                                                         if (events.changed)
                                                             events.changed(this.values);
                                                     }
@@ -207,11 +210,8 @@ class DynamicPreferenceListView extends base_1.Base {
                                             changed: sender => {
                                                 const { section, row } = sender.info;
                                                 this._sections[section].rows[row].value = sender.on;
-                                                $delay(0.2, () => {
-                                                    this.view.data = this._map(this._sections);
-                                                    if (events.changed)
-                                                        events.changed(this.values);
-                                                });
+                                                if (events.changed)
+                                                    events.changed(this.values);
                                             }
                                         }
                                     },
@@ -230,11 +230,8 @@ class DynamicPreferenceListView extends base_1.Base {
                                             changed: sender => {
                                                 const { section, row } = sender.info;
                                                 this._sections[section].rows[row].value = sender.index;
-                                                $delay(0.3, () => {
-                                                    this.view.data = this._map(this._sections);
-                                                    if (events.changed)
-                                                        events.changed(this.values);
-                                                });
+                                                if (events.changed)
+                                                    events.changed(this.values);
                                             }
                                         }
                                     },
@@ -330,6 +327,29 @@ class DynamicPreferenceListView extends base_1.Base {
                                 });
                                 break;
                             }
+                            case "date": {
+                                const props = {};
+                                if (row.value)
+                                    props.date = row.value;
+                                if (row.min)
+                                    props.min = row.min;
+                                if (row.max)
+                                    props.max = row.max;
+                                if (row.mode)
+                                    props.mode = row.mode;
+                                if (row.interval)
+                                    props.interval = row.interval;
+                                $picker.date({
+                                    props: props,
+                                    handler: (date) => {
+                                        row.value = date;
+                                        sender.data = this._map(this._sections);
+                                        if (events.changed)
+                                            events.changed(this.values);
+                                    }
+                                });
+                                break;
+                            }
                             case "interactive-info": {
                                 if (row.copyable) {
                                     $ui.alert({
@@ -420,7 +440,7 @@ class DynamicPreferenceListView extends base_1.Base {
                     text: options.title,
                     textColor: options.titleColor || $color("primaryText")
                 }, // 标题, 同时用于action
-                label_and_chevron: { hidden: true }, // 用于string, number, integer, list
+                label_and_chevron: { hidden: true }, // 用于string, number, integer, list, date
                 number_and_stepper: { hidden: true }, // 用于stepper
                 slider_and_number: { hidden: true }, // 用于slider
                 switch: { hidden: true }, // 用于boolean
@@ -431,6 +451,7 @@ class DynamicPreferenceListView extends base_1.Base {
         return sections.map((section, sectionIndex) => ({
             title: section.title,
             rows: section.rows.map((n, rowIndex) => {
+                var _a;
                 const data = generateDefaultRow(n);
                 switch (n.type) {
                     case "string": {
@@ -489,10 +510,10 @@ class DynamicPreferenceListView extends base_1.Base {
                             text: adjustedValue
                         };
                         data.slider = {
-                            value: adjustedValue,
+                            value: adjustedValue / ((_a = n.max) !== null && _a !== void 0 ? _a : 1),
                             info: { section: sectionIndex, row: rowIndex, key: n.key },
-                            min: n.min,
-                            max: n.max,
+                            //min: n.min, // 不可用，否则会出现slider滑动结束变为0点的bug
+                            //max: n.max,
                             minColor: n.minColor || $color("systemLink"),
                             maxColor: n.maxColor,
                             thumbColor: n.thumbColor
@@ -516,6 +537,15 @@ class DynamicPreferenceListView extends base_1.Base {
                         };
                         break;
                     }
+                    case "date": {
+                        data.label_and_chevron.hidden = false;
+                        data.label_before_chevron = {
+                            hidden: false,
+                            textColor: $color("secondaryText"),
+                            text: (0, static_preference_listview_1.dateToString)(n.mode || 2, n.value)
+                        };
+                        break;
+                    }
                     case "info": {
                         data.label_info_link = {
                             hidden: false,

package/dist/components/static-preference-listview.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.PreferenceListView = exports.excludedTypes = exports.selectableTypes = void 0;
+exports.PreferenceListView = exports.dateToString = exports.excludedTypes = exports.selectableTypes = void 0;
 const base_1 = require("./base");
 const uitools_1 = require("../utils/uitools");
 exports.selectableTypes = [
@@ -9,6 +9,7 @@ exports.selectableTypes = [
     "integer",
     "stepper",
     "list",
+    "date",
     "interactive-info",
     "link",
     "action"
@@ -468,6 +469,81 @@ class TabCell extends Cell {
         return num;
     }
 }
+function dateToString(mode, date) {
+    if (!date)
+        return "";
+    const year = date.getFullYear();
+    const month = String(date.getMonth() + 1).padStart(2, '0');
+    const day = String(date.getDate()).padStart(2, '0');
+    const hours = String(date.getHours()).padStart(2, '0');
+    const minutes = String(date.getMinutes()).padStart(2, '0');
+    if (mode === 0 || mode === 3) {
+        return `${hours}:${minutes}`;
+    }
+    else if (mode === 1) {
+        return `${year}-${month}-${day}`;
+    }
+    else {
+        return `${year}-${month}-${day} ${hours}:${minutes}`;
+    }
+}
+exports.dateToString = dateToString;
+class DateCell extends Cell {
+    constructor(props, values) {
+        super(props, values);
+        this._type = "date";
+        const { mode, min, max, interval } = props;
+        this._mode = mode || 2;
+        this._min = min;
+        this._max = max;
+        this._interval = interval;
+    }
+    _defineValueView() {
+        return {
+            type: "view",
+            props: {},
+            layout: (make, view) => {
+                make.top.bottom.inset(0);
+                make.left.equalTo(view.prev.right).inset(10);
+                make.right.inset(15);
+            },
+            views: [
+                {
+                    type: "image",
+                    props: {
+                        symbol: "chevron.right",
+                        tintColor: $color("lightGray", "darkGray"),
+                        contentMode: 1
+                    },
+                    layout: (make, view) => {
+                        make.centerY.equalTo(view.super);
+                        make.size.equalTo($size(17, 17));
+                        make.right.inset(0);
+                    }
+                },
+                {
+                    type: "label",
+                    props: {
+                        id: "label",
+                        text: dateToString(this._mode, this._value),
+                        textColor: $color("secondaryText"),
+                        align: $align.right
+                    },
+                    layout: (make, view) => {
+                        make.centerY.equalTo(view.super);
+                        make.left.inset(0);
+                        make.right.equalTo(view.prev.left).inset(5);
+                    }
+                }
+            ]
+        };
+    }
+    _handleValue(date) {
+        const label = this.view.get("label");
+        label.text = dateToString(this._mode, date);
+        return date;
+    }
+}
 class InfoCell extends Cell {
     constructor(props, values) {
         super(props, values);
@@ -668,6 +744,14 @@ class ActionCell extends Cell {
  *     - value?: number 即 index, -1 时为不选
  *     - items?: string[]
  *
+ * - date:
+ *
+ *    - value?: Date
+ *    - min?: Date
+ *    - max?: Date
+ *    - mode?: number = 2
+ *    - interval?: number
+ *
  * - info:
  *
  *     - value?: string
@@ -782,6 +866,28 @@ class PreferenceListView extends base_1.Base {
                                 });
                                 break;
                             }
+                            case "date": {
+                                const props = {};
+                                if (cell.value)
+                                    props.date = cell.value;
+                                if (cell._min)
+                                    props.min = cell._min;
+                                if (cell._max)
+                                    props.max = cell._max;
+                                if (cell._mode)
+                                    props.mode = cell._mode;
+                                if (cell._interval)
+                                    props.interval = cell._interval;
+                                $picker.date({
+                                    props: props,
+                                    handler: (date) => {
+                                        cell.value = date;
+                                        if (cell._changedEvent)
+                                            cell._changedEvent();
+                                    }
+                                });
+                                break;
+                            }
                             case "interactive-info": {
                                 if (cell._copyable) {
                                     $ui.alert({
@@ -842,6 +948,8 @@ class PreferenceListView extends base_1.Base {
                 return new ListCell(props, this._values);
             case "tab":
                 return new TabCell(props, this._values);
+            case "date":
+                return new DateCell(props, this._values);
             case "info":
                 return new InfoCell(props, this._values);
             case "interactive-info":

package/dist/test/dynamic-preference-listview.js

@@ -49,7 +49,7 @@ const sections = [
                 value: 1,
                 decimal: 0,
                 min: 0,
-                max: 100
+                max: 2
             },
             {
                 type: "list",
@@ -64,6 +64,12 @@ const sections = [
                 key: "tab",
                 items: ["测试aaa", "测试bbb"],
                 value: 0
+            },
+            {
+                type: "date",
+                title: "date",
+                key: "date",
+                mode: 1
             }
         ]
     },
@@ -93,7 +99,10 @@ const v = new dynamic_preference_listview_1.DynamicPreferenceListView({
     sections: sections,
     layout: $layout.fill,
     events: {
-        changed: (values) => console.info(values)
+        changed: (values) => {
+            console.info(values);
+            console.info(values.date);
+        }
     }
 });
 $ui.render({

package/dist/test/static-preference-listview.js

@@ -64,6 +64,13 @@ const sections = [
                 key: "tab",
                 items: ["测试aaa", "测试bbb"],
                 value: 0
+            },
+            {
+                type: "date",
+                title: "date",
+                key: "date",
+                //value: new Date()
+                mode: 1
             }
         ]
     },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "jsbox-cview",
-  "version": "1.4.3",
+  "version": "1.4.4",
   "description": "为 JSBox 设计的微型框架",
   "repository": {
     "type": "git",
@@ -19,6 +19,6 @@
   "devDependencies": {
     "@types/node": "^20.11.17",
     "browserify": "^17.0.0",
-    "jsbox-types": "^1.0.23"
+    "jsbox-types": "^1.0.30"
   }
 }

package/test/dynamic-preference-listview.ts

@@ -49,7 +49,7 @@ const sections: PreferenceSection[] = [
         value: 1,
         decimal: 0,
         min: 0,
-        max: 100
+        max: 2
       },
       {
         type: "list",
@@ -64,6 +64,12 @@ const sections: PreferenceSection[] = [
         key: "tab",
         items: ["测试aaa", "测试bbb"],
         value: 0
+      },
+      {
+        type: "date",
+        title: "date",
+        key: "date",
+        mode: 1
       }
     ]
   },
@@ -93,7 +99,10 @@ const v = new DynamicPreferenceListView({
   sections: sections,
   layout: $layout.fill,
   events: {
-    changed: (values: any) => console.info(values)
+    changed: (values: any) => {
+      console.info(values)
+      console.info(values.date)
+    }
   }
 });
 

package/test/static-preference-listview.ts

@@ -62,6 +62,13 @@ const sections: PreferenceSection[] = [
         key: "tab",
         items: ["测试aaa", "测试bbb"],
         value: 0
+      },
+      {
+        type: "date",
+        title: "date",
+        key: "date",
+        //value: new Date()
+        mode: 1
       }
     ]
   },