@nokecy/qc-ui-components 0.0.0-stage → 2.0.0-beta.1

package/dist/cjs/readPretty/arrayTable.js

@@ -0,0 +1,180 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.withReadingArrayTable = void 0;
+var _formilyReact = require("@nokecy/formily-react");
+var _agGridReact = require("ag-grid-react");
+var _utils = require("../array-table/utils");
+var _columnGroup = require("../array-table/columnGroup");
+var _indexColumn = require("../array-table/indexColumn");
+var _theme = require("../array-table/theme");
+var _hoistStatics = require("./hoistStatics");
+var _react = _interopRequireWildcard(require("react"));
+var _gridSequence = require("../shared/gridSequence");
+var _jsxRuntime = require("react/jsx-runtime");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } /** 阅读态直接使用 ArrayTable 的列定义，避免 AgGridPlus 的原值渲染器覆盖格式化结果。@author nokecy */
+var ReadingArrayTable = (0, _formilyReact.observer)(function (_ref) {
+  var _buildArrayTableColum;
+  var height = _ref.height,
+    _ref$rowSelection = _ref.rowSelection,
+    rowSelection = _ref$rowSelection === void 0 ? {
+      mode: 'singleRow',
+      enableClickSelection: true,
+      checkboxes: false
+    } : _ref$rowSelection,
+    selectionColumnDef = _ref.selectionColumnDef,
+    onSelectionChanged = _ref.onSelectionChanged,
+    _onGridReady = _ref.onGridReady,
+    _onRowDataUpdated = _ref.onRowDataUpdated;
+  var field = (0, _formilyReact.useField)();
+  var sources = (0, _utils.useArrayTableSources)();
+  var rows = Array.isArray(field.value) ? field.value.slice() : [];
+  var generatedRowIds = (0, _react.useRef)(new WeakMap());
+  var generatedRowIdSequence = (0, _react.useRef)(0);
+  var columns = (_buildArrayTableColum = (0, _utils.buildArrayTableColumns)(rows, field, sources)) !== null && _buildArrayTableColum !== void 0 ? _buildArrayTableColum : [];
+  var showIndex = columns.length > 0 && !(0, _indexColumn.hasOwnIndexColumn)(sources);
+  if (showIndex) columns.unshift((0, _indexColumn.makeIndexColumn)());
+  var theme = (0, _theme.useArrayTableTheme)();
+  var _useArrayTableMetrics = (0, _theme.useArrayTableMetrics)(),
+    rowHeight = _useArrayTableMetrics.rowHeight,
+    headerHeight = _useArrayTableMetrics.headerHeight;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    style: {
+      height: height !== null && height !== void 0 ? height : 400
+    },
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_agGridReact.AgGridReact, {
+      theme: theme,
+      rowHeight: rowHeight,
+      headerHeight: headerHeight,
+      enableCellTextSelection: true,
+      ensureDomOrder: true,
+      defaultColDef: {
+        resizable: true,
+        sortable: true,
+        filter: true
+      },
+      rowSelection: rowSelection,
+      selectionColumnDef: _objectSpread({
+        pinned: 'left',
+        lockPosition: true,
+        width: 50,
+        suppressHeaderMenuButton: true
+      }, selectionColumnDef),
+      onSelectionChanged: onSelectionChanged,
+      onGridReady: function onGridReady(event) {
+        (0, _gridSequence.installDisplaySequenceOrder)(event.api);
+        _onGridReady === null || _onGridReady === void 0 || _onGridReady(event);
+      },
+      columnDefs: (0, _columnGroup.groupColumnDefs)(columns),
+      rowData: rows,
+      getRowId: function getRowId(_ref2) {
+        var _data$_id;
+        var data = _ref2.data;
+        var id = (_data$_id = data === null || data === void 0 ? void 0 : data._id) !== null && _data$_id !== void 0 ? _data$_id : data === null || data === void 0 ? void 0 : data.id;
+        if (id != null) return "data:".concat(String(id));
+
+        // 阅读态明细常用旧表行号等字段，不一定有 id/_id。给无 ID 的对象分配稳定行键，
+        // 否则多行都会返回 "undefined"，AG Grid 在数据更新后会合并掉重复行。@author nokecy
+        var row = data;
+        var rowId = generatedRowIds.current.get(row);
+        if (!rowId) {
+          rowId = "generated:".concat(++generatedRowIdSequence.current);
+          generatedRowIds.current.set(row, rowId);
+        }
+        return rowId;
+      },
+      onRowDataUpdated: function onRowDataUpdated(event) {
+        if (showIndex) event.api.refreshCells({
+          columns: [_indexColumn.ARRAY_TABLE_INDEX_FIELD],
+          force: true
+        });
+        _onRowDataUpdated === null || _onRowDataUpdated === void 0 || _onRowDataUpdated(event);
+      }
+    })
+  });
+});
+
+/** 按 ArrayTable 的列提取规则收集列节点，不挂载明细数据字段。@author nokecy */
+var columnsOf = function columnsOf(schema) {
+  var columns = [];
+  var visit = function visit(node) {
+    if (typeof node['x-component'] === 'string' && node['x-component'].includes('Column')) {
+      var _node$xComponentPro, _node$xComponentPro2;
+      var name = (_node$xComponentPro = (_node$xComponentPro2 = node['x-component-props']) === null || _node$xComponentPro2 === void 0 ? void 0 : _node$xComponentPro2.dataIndex) !== null && _node$xComponentPro !== void 0 ? _node$xComponentPro : node.name;
+      if (name !== undefined) columns.push({
+        name: name,
+        schema: node
+      });
+    } else {
+      Object.values(node.properties || {}).forEach(visit);
+    }
+  };
+  var items = Array.isArray(schema.items) ? schema.items : schema.items ? [schema.items] : [];
+  items.forEach(visit);
+  return columns;
+};
+
+/**
+ * 阅读态也创建列的 void 字段，让 Formily 求值标题、显隐与 reactions；
+ * qc-ui 的阅读视图只读取列状态，未像编辑视图一样挂载这些字段。
+ * @author nokecy
+ */
+var withReadingArrayTable = exports.withReadingArrayTable = function withReadingArrayTable(Control) {
+  var ReactiveTable = (0, _formilyReact.observer)(function (_ref3) {
+    var columns = _ref3.columns,
+      tableProps = _ref3.tableProps;
+    var field = (0, _formilyReact.useField)();
+    // 阅读视图本身未订阅列状态，在此建立依赖，条件变化后重新提取表头。@author nokecy
+    var _iterator = _createForOfIteratorHelper(columns),
+      _step;
+    try {
+      for (_iterator.s(); !(_step = _iterator.n()).done;) {
+        var _column$componentProp, _column$componentProp2, _column$componentProp3;
+        var name = _step.value.name;
+        var column = field.query(field.address.concat(name)).take();
+        void (column === null || column === void 0 ? void 0 : column.display);
+        void (column === null || column === void 0 || (_column$componentProp = column.componentProps) === null || _column$componentProp === void 0 ? void 0 : _column$componentProp.title);
+        void (column === null || column === void 0 || (_column$componentProp2 = column.componentProps) === null || _column$componentProp2 === void 0 ? void 0 : _column$componentProp2.headerName);
+        void (column === null || column === void 0 || (_column$componentProp3 = column.componentProps) === null || _column$componentProp3 === void 0 ? void 0 : _column$componentProp3.headerGroup);
+      }
+    } catch (err) {
+      _iterator.e(err);
+    } finally {
+      _iterator.f();
+    }
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(ReadingArrayTable, _objectSpread({}, tableProps));
+  });
+  var Table = (0, _formilyReact.observer)(function (props) {
+    var field = (0, _formilyReact.useField)();
+    var schema = (0, _formilyReact.useFieldSchema)();
+    var columns = (0, _react.useMemo)(function () {
+      return columnsOf(schema);
+    }, [schema]);
+    if (field.pattern !== 'readPretty') return /*#__PURE__*/(0, _jsxRuntime.jsx)(Control, _objectSpread({}, props));
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [columns.map(function (column) {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_formilyReact.RecursionField, {
+          name: column.name,
+          schema: column.schema,
+          onlyRenderSelf: true
+        }, column.name);
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(ReactiveTable, {
+        columns: columns,
+        tableProps: props
+      })]
+    });
+  });
+  return (0, _hoistStatics.hoistStatics)(Table, Control);
+};

package/dist/cjs/readPretty/controls.d.ts

@@ -0,0 +1,16 @@
+import { NumberPicker as FormilyNumberPicker } from '@nokecy/formily-antd';
+import { AutoComplete as AntAutoComplete, Input as AntInput, InputNumber as AntInputNumber, Select as AntSelect, Switch as AntSwitch, Checkbox as AntCheckbox, Radio as AntRadio, DatePicker as AntDatePicker, TimePicker as AntTimePicker, TreeSelect as AntTreeSelect, Cascader as AntCascader } from 'antd';
+export declare const Input: typeof AntInput;
+export declare const InputNumber: typeof AntInputNumber;
+/** Formily 数值控件同样关闭方向键步进，保留数值类型及原有表单绑定。@author nokecy */
+export declare const NumberPicker: typeof FormilyNumberPicker;
+export declare const Select: typeof AntSelect;
+export declare const Switch: typeof AntSwitch;
+export declare const Checkbox: typeof AntCheckbox;
+export declare const Radio: typeof AntRadio;
+export declare const DatePicker: typeof AntDatePicker;
+export declare const TimePicker: typeof AntTimePicker;
+export declare const TreeSelect: typeof AntTreeSelect;
+export declare const Cascader: typeof AntCascader;
+/** 可手输也可从候选里选的文本（Formily 适配包里没有）：值就是字符串，阅读态按文本显示。@author nokecy */
+export declare const AutoComplete: typeof AntAutoComplete;

package/dist/cjs/readPretty/controls.js

@@ -0,0 +1,115 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TreeSelect = exports.TimePicker = exports.Switch = exports.Select = exports.Radio = exports.NumberPicker = exports.InputNumber = exports.Input = exports.DatePicker = exports.Checkbox = exports.Cascader = exports.AutoComplete = void 0;
+var _formilyAntd = require("@nokecy/formily-antd");
+var _antd = require("antd");
+var _react = _interopRequireDefault(require("react"));
+var _formilyReact = require("@nokecy/formily-react");
+var _hoistStatics = require("./hoistStatics");
+var _selectNumberInputTextOnClick = require("./selectNumberInputTextOnClick");
+var _values = require("./values");
+var _selectValue = require("./selectValue");
+var _jsxRuntime = require("react/jsx-runtime");
+var _excluded = ["value", "formatter"];
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } /** 普通表单控件统一阅读展示；数值控件禁用方向键步进，让表格负责上下导航。@author nokecy */
+var readingControl = function readingControl(Control, Preview) {
+  var map = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : function (props) {
+    return props;
+  };
+  var numericInput = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
+  var Component = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
+    var _props$disabled;
+    var _ConfigProvider$useCo = _antd.ConfigProvider.useConfig(),
+      componentDisabled = _ConfigProvider$useCo.componentDisabled;
+    var reading = props.readOnly || ((_props$disabled = props.disabled) !== null && _props$disabled !== void 0 ? _props$disabled : componentDisabled);
+    return reading ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_formilyAntd.PreviewText.Placeholder, {
+      value: "\u2014",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Preview, _objectSpread({}, map(props)))
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(Control, _objectSpread(_objectSpread(_objectSpread({}, map(props)), numericInput ? {
+      keyboard: false,
+      onClick: (0, _selectNumberInputTextOnClick.selectNumberInputTextOnClick)(props.onClick)
+    } : {}), {}, {
+      ref: ref
+    }));
+  });
+  return (0, _hoistStatics.hoistStatics)(Component, Control);
+};
+
+/** 选择项来自 options 或原生 Option/Radio 子节点，阅读态显示名称。@author nokecy */
+var choiceOptions = function choiceOptions(props) {
+  return props.options || _react.default.Children.toArray(props.children).flatMap(function (child) {
+    var _child$props;
+    return ((_child$props = child.props) === null || _child$props === void 0 ? void 0 : _child$props.value) !== undefined ? [{
+      value: child.props.value,
+      label: child.props.children
+    }] : choiceOptions(child.props || {});
+  });
+};
+var ChoicePreview = function ChoicePreview(props) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+    children: (0, _values.selectedLabels)(props.value, (0, _values.flattenOptions)(choiceOptions(props), props.fieldNames), props.labelInValue)
+  });
+};
+/** 候选值只在显示边界匹配；加载含空格的码值不会把单据标成已修改。@author nokecy */
+var choiceDisplayProps = function choiceDisplayProps(props) {
+  var options = (0, _values.flattenOptions)(choiceOptions(props), props.fieldNames);
+  return _objectSpread(_objectSpread(_objectSpread({}, props), 'value' in props ? {
+    value: (0, _selectValue.matchSelectDisplayValue)(props.value, options, props.labelInValue)
+  } : {}), 'defaultValue' in props ? {
+    defaultValue: (0, _selectValue.matchSelectDisplayValue)(props.defaultValue, options, props.labelInValue)
+  } : {});
+};
+var BooleanPreview = function BooleanPreview(props) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
+    children: [props.children, props.children ? '：' : '', props.checked == null ? '—' : props.checked ? '是' : '否']
+  });
+};
+var PasswordPreview = function PasswordPreview(props) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+    children: props.value ? '••••••' : '—'
+  });
+};
+/** 可空数值先判断占位再格式化，保留精确字符串；不将空值转成 "null" / "undefined"。@author nokecy */
+var NumberPreview = function NumberPreview(_ref) {
+  var value = _ref.value,
+    formatter = _ref.formatter,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_formilyAntd.PreviewText.Input, _objectSpread(_objectSpread({}, props), {}, {
+    value: value == null || value === '' ? undefined : formatter ? formatter(value, {
+      userTyping: false,
+      input: String(value)
+    }) : value
+  }));
+};
+var Input = exports.Input = readingControl(_antd.Input, _formilyAntd.PreviewText.Input);
+Input.TextArea = readingControl(_antd.Input.TextArea, _formilyAntd.PreviewText.Input);
+Input.Password = readingControl(_antd.Input.Password, PasswordPreview);
+Input.Search = readingControl(_antd.Input.Search, _formilyAntd.PreviewText.Input);
+var InputNumber = exports.InputNumber = readingControl(_antd.InputNumber, NumberPreview, undefined, true);
+/** Formily 数值控件同样关闭方向键步进，保留数值类型及原有表单绑定。@author nokecy */
+var NumberPicker = exports.NumberPicker = readingControl((0, _formilyReact.connect)(_antd.InputNumber, (0, _formilyReact.mapReadPretty)(NumberPreview)), NumberPreview, undefined, true);
+var Select = exports.Select = readingControl(_antd.Select, ChoicePreview, choiceDisplayProps);
+var Switch = exports.Switch = readingControl(_antd.Switch, BooleanPreview);
+var Checkbox = exports.Checkbox = readingControl(_antd.Checkbox, BooleanPreview);
+Checkbox.Group = readingControl(_antd.Checkbox.Group, ChoicePreview);
+var Radio = exports.Radio = readingControl(_antd.Radio, BooleanPreview);
+Radio.Group = readingControl(_antd.Radio.Group, ChoicePreview);
+var DatePicker = exports.DatePicker = readingControl(_antd.DatePicker, _formilyAntd.PreviewText.DatePicker);
+DatePicker.RangePicker = readingControl(_antd.DatePicker.RangePicker, _formilyAntd.PreviewText.DateRangePicker);
+var TimePicker = exports.TimePicker = readingControl(_antd.TimePicker, _formilyAntd.PreviewText.TimePicker);
+TimePicker.RangePicker = readingControl(_antd.TimePicker.RangePicker, _formilyAntd.PreviewText.TimeRangePicker);
+var TreeSelect = exports.TreeSelect = readingControl(_antd.TreeSelect, _formilyAntd.PreviewText.TreeSelect);
+var Cascader = exports.Cascader = readingControl(_antd.Cascader, _formilyAntd.PreviewText.Cascader);
+/** 可手输也可从候选里选的文本（Formily 适配包里没有）：值就是字符串，阅读态按文本显示。@author nokecy */
+var AutoComplete = exports.AutoComplete = readingControl(_antd.AutoComplete, _formilyAntd.PreviewText.Input);

package/dist/cjs/readPretty/decimal.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+/** 精确业务数值录入和阅读展示，零值与原始十进制字符串始终保留。@author nokecy */
+export declare const DecimalInput: React.ForwardRefExoticComponent<Omit<any, "ref"> & React.RefAttributes<any>>;
+/** 精确数值的静默态沿用自身阅读规则，允许表格按已知显示契约懒挂载。@author nokecy */
+export declare const DecimalPicker: React.ForwardRefExoticComponent<Omit<Partial<Omit<any, "ref"> & React.RefAttributes<any>>, "ref"> & React.RefAttributes<any>> & {
+    readOnlyFormatter: import("../array-table/readOnlyFormatters").ReadOnlyFormatter;
+};

package/dist/cjs/readPretty/decimal.js

@@ -0,0 +1,45 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DecimalPicker = exports.DecimalInput = void 0;
+var _formilyReact = require("@nokecy/formily-react");
+var _react = _interopRequireDefault(require("react"));
+var _controls = require("./controls");
+var _businessDecimal = require("../shared/businessDecimal");
+var _readOnlyFormatters = require("../array-table/readOnlyFormatters");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } /** 精确业务数值录入和阅读展示，零值与原始十进制字符串始终保留。@author nokecy */
+var DecimalInput = exports.DecimalInput = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_controls.InputNumber, _objectSpread(_objectSpread({}, props), {}, {
+    stringMode: true,
+    ref: ref
+  }));
+});
+var DecimalPreview = function DecimalPreview(_ref) {
+  var value = _ref.value,
+    formatter = _ref.formatter;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+    children: value == null || value === '' ? '—' : typeof formatter === 'function' ? formatter(value, {
+      userTyping: false,
+      input: String(value)
+    }) : (0, _businessDecimal.decimalText)(value)
+  });
+};
+/** 精确数值的静默态沿用自身阅读规则，允许表格按已知显示契约懒挂载。@author nokecy */
+var DecimalPicker = exports.DecimalPicker = (0, _readOnlyFormatters.withReadOnlyFormatter)((0, _formilyReact.connect)(DecimalInput, (0, _formilyReact.mapReadPretty)(DecimalPreview)), function (value, ctx) {
+  var _ctx$fieldSchema;
+  if (value == null || value === '') return '';
+  var formatter = (_ctx$fieldSchema = ctx.fieldSchema) === null || _ctx$fieldSchema === void 0 || (_ctx$fieldSchema = _ctx$fieldSchema['x-component-props']) === null || _ctx$fieldSchema === void 0 ? void 0 : _ctx$fieldSchema.formatter;
+  return typeof formatter === 'function' ? String(formatter(value, {
+    userTyping: false,
+    input: String(value)
+  })) : (0, _businessDecimal.decimalText)(value);
+});

package/dist/cjs/readPretty/formily.d.ts

@@ -0,0 +1,3 @@
+export { withReactiveSchemaScope } from './schemaScope';
+/** 动态表单统一阅读展示；数值控件关闭方向键步进，保留表格导航与字段值。@author nokecy */
+export declare function withReadingFields(components: Record<string, any>): Record<string, any>;

package/dist/cjs/readPretty/formily.js

@@ -0,0 +1,91 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "withReactiveSchemaScope", {
+  enumerable: true,
+  get: function get() {
+    return _schemaScope.withReactiveSchemaScope;
+  }
+});
+exports.withReadingFields = withReadingFields;
+var _formilyReact = require("@nokecy/formily-react");
+var _react = _interopRequireDefault(require("react"));
+var _hoistStatics = require("./hoistStatics");
+var Reading = _interopRequireWildcard(require("./controls"));
+var _selectNumberInputTextOnClick = require("./selectNumberInputTextOnClick");
+var _arrayTable = require("./arrayTable");
+var _values = require("./values");
+var _selectValue = require("./selectValue");
+var _jsxRuntime = require("react/jsx-runtime");
+var _schemaScope = require("./schemaScope");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+/** 动态表单统一阅读展示；数值控件关闭方向键步进，保留表格导航与字段值。@author nokecy */
+function withReadingFields(components) {
+  var result = _objectSpread({}, components);
+  var previews = _objectSpread(_objectSpread({}, Reading), {}, {
+    NumberPicker: Reading.InputNumber,
+    Password: Reading.Input.Password
+  });
+  var wrap = function wrap(Control, Preview) {
+    var numericInput = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+    var choiceInput = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
+    var Component = (0, _formilyReact.observer)(function (props) {
+      var _field$dataSource;
+      var field = (0, _formilyReact.useField)();
+      var options = field !== null && field !== void 0 && (_field$dataSource = field.dataSource) !== null && _field$dataSource !== void 0 && _field$dataSource.length ? field.dataSource : props.options;
+      var displayProps = choiceInput ? _objectSpread(_objectSpread({}, props), {}, {
+        value: (0, _selectValue.matchSelectDisplayValue)(props.value, (0, _values.flattenOptions)(options, props.fieldNames), props.labelInValue)
+      }) : props;
+      if (props.disabled || props.readOnly || field !== null && field !== void 0 && field.disabled || field !== null && field !== void 0 && field.readOnly || choiceInput && (field === null || field === void 0 ? void 0 : field.pattern) === 'readPretty') {
+        var _field$value, _field$value2, _field$dataSource2;
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(Preview, _objectSpread(_objectSpread({}, props), {}, {
+          value: (_field$value = field === null || field === void 0 ? void 0 : field.value) !== null && _field$value !== void 0 ? _field$value : props.value,
+          checked: (_field$value2 = field === null || field === void 0 ? void 0 : field.value) !== null && _field$value2 !== void 0 ? _field$value2 : props.checked,
+          options: field !== null && field !== void 0 && (_field$dataSource2 = field.dataSource) !== null && _field$dataSource2 !== void 0 && _field$dataSource2.length ? field.dataSource : props.options,
+          disabled: true
+        }));
+      }
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(Control, _objectSpread(_objectSpread({}, displayProps), numericInput ? {
+        keyboard: false,
+        onClick: (0, _selectNumberInputTextOnClick.selectNumberInputTextOnClick)(props.onClick)
+      } : {}));
+    });
+    var Wrapped = (0, _hoistStatics.hoistStatics)(Component, Control);
+    // 嵌套控件同样按字段状态展示，例如Input.TextArea、DatePicker.RangePicker。
+    for (var _i = 0, _arr = ['TextArea', 'Password', 'Search', 'Group', 'RangePicker']; _i < _arr.length; _i++) {
+      var key = _arr[_i];
+      if (Control[key] && Preview[key]) Wrapped[key] = wrap(Control[key], Preview[key]);
+    }
+    return Wrapped;
+  };
+  var _iterator = _createForOfIteratorHelper(Object.keys(previews).filter(function (name) {
+      return components[name];
+    })),
+    _step;
+  try {
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      var name = _step.value;
+      result[name] = wrap(components[name], previews[name], name === 'NumberPicker' || name === 'InputNumber', name === 'Select');
+    }
+    // ArrayTable 阅读态保留动态列的标题和显隐状态。@author nokecy
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
+  }
+  if (components.ArrayTable) result.ArrayTable = (0, _arrayTable.withReadingArrayTable)(components.ArrayTable);
+  return result;
+}

package/dist/cjs/readPretty/hoistStatics.d.ts

@@ -0,0 +1 @@
+export declare function hoistStatics<T, S>(target: T, source: S): T & S;

package/dist/cjs/readPretty/hoistStatics.js

@@ -0,0 +1,37 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.hoistStatics = hoistStatics;
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+/**
+ * 把被包装组件的静态成员（如 Input.TextArea、Select.Option）带到包装后的组件上，
+ * 等价于 hoist-non-react-statics，但不新增依赖。React 自有的静态属性不拷贝。
+ * @author nokecy
+ */
+var REACT_STATICS = new Set(['$$typeof', 'render', 'defaultProps', 'displayName', 'propTypes', 'contextType', 'contextTypes', 'childContextTypes', 'getDefaultProps', 'getDerivedStateFromProps', 'getDerivedStateFromError', 'mixins', 'type', 'compare', 'length', 'name', 'prototype', 'caller', 'callee', 'arguments', 'arity']);
+function hoistStatics(target, source) {
+  var _iterator = _createForOfIteratorHelper(Reflect.ownKeys(source)),
+    _step;
+  try {
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      var key = _step.value;
+      if (REACT_STATICS.has(key)) continue;
+      var descriptor = Object.getOwnPropertyDescriptor(source, key);
+      if (!descriptor) continue;
+      try {
+        Object.defineProperty(target, key, descriptor);
+      } catch (_unused) {
+        // 个别只读属性无法重定义，跳过即可。
+      }
+    }
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
+  }
+  return target;
+}

package/dist/cjs/readPretty/index.d.ts

@@ -0,0 +1,13 @@
+/**
+ * 阅读态控件：不可编辑时展示名称/文本而不是禁用的输入框，继承整张表单的禁用状态。
+ * 动态表单入口 `withReadingFields` 按字段的 disabled/readOnly 状态切换阅读展示，并保留 ArrayTable 动态列。
+ * @author nokecy
+ */
+export * as ReadPrettyControls from './controls';
+export { withReadingFields } from './formily';
+export { withReactiveSchemaScope } from './schemaScope';
+export { withReadingArrayTable } from './arrayTable';
+export { DecimalInput, DecimalPicker } from './decimal';
+export { ReadableSwitch, SwitchPreview } from './readableSwitch';
+export { flattenOptions, selectedLabels } from './values';
+export { normalizeSelectValue, selectCode, selectLabel } from './selectValue';

package/dist/cjs/readPretty/index.js

@@ -0,0 +1,90 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "DecimalInput", {
+  enumerable: true,
+  get: function get() {
+    return _decimal.DecimalInput;
+  }
+});
+Object.defineProperty(exports, "DecimalPicker", {
+  enumerable: true,
+  get: function get() {
+    return _decimal.DecimalPicker;
+  }
+});
+exports.ReadPrettyControls = void 0;
+Object.defineProperty(exports, "ReadableSwitch", {
+  enumerable: true,
+  get: function get() {
+    return _readableSwitch.ReadableSwitch;
+  }
+});
+Object.defineProperty(exports, "SwitchPreview", {
+  enumerable: true,
+  get: function get() {
+    return _readableSwitch.SwitchPreview;
+  }
+});
+Object.defineProperty(exports, "flattenOptions", {
+  enumerable: true,
+  get: function get() {
+    return _values.flattenOptions;
+  }
+});
+Object.defineProperty(exports, "normalizeSelectValue", {
+  enumerable: true,
+  get: function get() {
+    return _selectValue.normalizeSelectValue;
+  }
+});
+Object.defineProperty(exports, "selectCode", {
+  enumerable: true,
+  get: function get() {
+    return _selectValue.selectCode;
+  }
+});
+Object.defineProperty(exports, "selectLabel", {
+  enumerable: true,
+  get: function get() {
+    return _selectValue.selectLabel;
+  }
+});
+Object.defineProperty(exports, "selectedLabels", {
+  enumerable: true,
+  get: function get() {
+    return _values.selectedLabels;
+  }
+});
+Object.defineProperty(exports, "withReactiveSchemaScope", {
+  enumerable: true,
+  get: function get() {
+    return _schemaScope.withReactiveSchemaScope;
+  }
+});
+Object.defineProperty(exports, "withReadingArrayTable", {
+  enumerable: true,
+  get: function get() {
+    return _arrayTable.withReadingArrayTable;
+  }
+});
+Object.defineProperty(exports, "withReadingFields", {
+  enumerable: true,
+  get: function get() {
+    return _formily.withReadingFields;
+  }
+});
+var _ReadPrettyControls = _interopRequireWildcard(require("./controls"));
+exports.ReadPrettyControls = _ReadPrettyControls;
+var _formily = require("./formily");
+var _schemaScope = require("./schemaScope");
+var _arrayTable = require("./arrayTable");
+var _decimal = require("./decimal");
+var _readableSwitch = require("./readableSwitch");
+var _values = require("./values");
+var _selectValue = require("./selectValue");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }

package/dist/cjs/readPretty/readableSwitch.d.ts

@@ -0,0 +1,12 @@
+import { type SwitchProps } from 'antd';
+import React from 'react';
+/** 开关阅读态文字：有 checkedChildren / unCheckedChildren 时用它们，否则「是 / 否」；没有值时显示占位符。@author nokecy */
+export declare const SwitchPreview: React.FC<Pick<SwitchProps, 'checkedChildren' | 'unCheckedChildren'> & {
+    value?: boolean | null;
+}>;
+/**
+ * Formily 开关（可直接作 x-component）。2.0 起 `@nokecy/formily-antd` 的 `Switch` 自带阅读态，
+ * 这里保留 1.1.x 的名字，指向同一个组件。
+ * @author nokecy
+ */
+export declare const ReadableSwitch: React.ForwardRefExoticComponent<Omit<Partial<SwitchProps & React.RefAttributes<HTMLButtonElement>>, "ref"> & React.RefAttributes<any>>;