@zat-design/sisyphus-react 3.6.7 → 3.6.8-beta.10

package/es/ProTable/{utils.js → components/FormatColumn/index.js}

@@ -1,46 +1,16 @@
 import "antd/es/space/style";
 import _Space from "antd/es/space";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-/* eslint-disable react-hooks/rules-of-hooks */
 import { isValidElement } from 'react';
 import moment from 'moment';
-import { get, isEqual, isFunction, isString } from 'lodash';
-import { tools } from '@zat-design/utils';
 import classnames from 'classnames';
-import getEnumLabel from '../ProEnum/utils/getEnumLabel';
-import TooltipTitle from './components/TooltipTitle';
-import RenderColumn from './components/RenderColumn';
-import ProForm from '../ProForm';
-/**
- * 获取小数点后的位数
- * @param num 数字
- * @returns 位数
- */
-var getDecimalDigits = function getDecimalDigits() {
-  var num = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
-  var match = Number(num).toString().match(/\.(\d+)/);
-  return match ? match[1].length : 0;
-};
-/**
- * @description: 获取初始值
- * @author: xiangchengli
- * @param {any} rowKey
- * @param any value
- * @param any originalObj
- * @param {any} dataIndex
- * @return {any}
- */
-var getOriginalValue = function getOriginalValue(value, record, originalObj, rowKey, dataIndex) {
-  if (!originalObj) {
-    return undefined;
-  }
-  var originalRecord = get(originalObj, get(record, rowKey));
-  var originalValue = get(originalRecord, dataIndex);
-  if (!isEqual(originalValue, value)) {
-    return originalValue;
-  }
-  return undefined;
-};
+import { isEqual, isFunction, isString } from 'lodash';
+import { tools } from '@zat-design/utils';
+import TooltipTitle from '../TooltipTitle';
+import RenderColumn from '../RenderColumn';
+import { getDecimalDigits, getOriginalValue } from '../../utils';
+import getEnumLabel from '../../../ProEnum/utils/getEnumLabel';
+import ProForm from '../../../ProForm';
 export var formatColumn = function formatColumn(column, originalObj, dataSourceObj, rowKey) {
   var title = column.title,
     valueType = column.valueType,
@@ -366,9 +336,6 @@ export var formatColumn = function formatColumn(column, originalObj, dataSourceO
     };
   }
 };
-export var getColumnDataIndex = function getColumnDataIndex(dataIndex) {
-  return typeof dataIndex === 'string' ? dataIndex : dataIndex === null || dataIndex === void 0 ? void 0 : dataIndex.join('-');
-};
 /**
  * 查找最近的父级className
  * @param element 当前node节点
@@ -392,21 +359,4 @@ export var getParentElement = function getParentElement(element, name) {
   };
   _searchDom(element, name, type = 'className');
   return result;
-};
-/**
- * 判断数据是否为Response<List<any>>结构
- * @param data { [key: string]: any } 需要判断数据
- * @returns boolean 是否
- */
-export var isListResult = function isListResult(data) {
-  return data.hasOwnProperty('total') && data.hasOwnProperty('list');
-};
-export var getRowKey = function getRowKey(rowKey, record) {
-  // 默认取id
-  var key = record.rowKey || 'id';
-  if (rowKey) {
-    var _ref;
-    key = (_ref = typeof rowKey === 'function' ? rowKey(record) : record[rowKey]) !== null && _ref !== void 0 ? _ref : key;
-  }
-  return key;
 };

package/es/ProTable/components/RcTable/components/BaseTable/index.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import '../../../../style/index.less';
+declare const _default: import("react").MemoExoticComponent<({ dataSource, tableProps, draggableProps, summaryProps, emptyTextProps, ...restProps }: {
+    [x: string]: any;
+    dataSource: any;
+    tableProps: any;
+    draggableProps: any;
+    summaryProps: any;
+    emptyTextProps: any;
+}) => import("react/jsx-runtime").JSX.Element>;
+export default _default;

package/es/ProTable/components/RcTable/components/BaseTable/index.js

@@ -0,0 +1,43 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import "antd/es/table/style";
+import _Table from "antd/es/table";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["dataSource", "tableProps", "draggableProps", "summaryProps", "emptyTextProps"];
+import { jsx as _jsx } from "react/jsx-runtime";
+import { memo } from 'react';
+import { RenderEmptyText, RenderSummary, TableResizable } from '../../../index';
+import '../../../../style/index.less';
+var BaseTable = function BaseTable(_ref) {
+  var dataSource = _ref.dataSource,
+    tableProps = _ref.tableProps,
+    draggableProps = _ref.draggableProps,
+    summaryProps = _ref.summaryProps,
+    emptyTextProps = _ref.emptyTextProps,
+    restProps = _objectWithoutProperties(_ref, _excluded);
+  var columns = tableProps.columns,
+    renderRowSelection = tableProps.renderRowSelection,
+    rowClassName = tableProps.rowClassName,
+    resizeColumn = tableProps.resizeColumn;
+  var renderComponents = function renderComponents() {
+    if (resizeColumn) {
+      return TableResizable.components;
+    }
+    return null;
+  };
+  return _jsx(_Table, _objectSpread(_objectSpread({
+    className: "pro-edit-table-drag",
+    components: renderComponents(),
+    columns: columns,
+    locale: {
+      emptyText: RenderEmptyText(emptyTextProps)
+    },
+    summary: function summary() {
+      return RenderSummary(summaryProps);
+    },
+    rowClassName: rowClassName
+  }, tableProps), {}, {
+    dataSource: dataSource,
+    rowSelection: renderRowSelection()
+  }, restProps));
+};
+export default /*#__PURE__*/memo(BaseTable);

package/es/ProTable/components/{DndWrapper → RcTable/components/DraggableTable/components/DndWrapper}/index.js

@@ -1,4 +1,3 @@
-import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["disabled", "children"];
@@ -8,7 +7,7 @@ import { DndContext, closestCorners } from '@dnd-kit/core';
 import { arrayMove, useSortable, SortableContext, verticalListSortingStrategy } from '@dnd-kit/sortable';
 import { CSS } from '@dnd-kit/utilities';
 import { addLevelAndParentId, treeNodeFind, transformTreeToArray, createTreeFromArray } from './utils/index';
-import ProIcon from '../../../ProIcon';
+import ProIcon from '../../../../../../../ProIcon';
 export var Row = function Row(props) {
   var disabled = props.disabled,
     children = props.children,
@@ -108,8 +107,6 @@ var DndWrapper = function DndWrapper(_ref2) {
           }));
         }
       }
-    } else {
-      onChange(_toConsumableArray(value));
     }
   };
   // 将树平铺

package/es/ProTable/components/{DndWrapper → RcTable/components/DraggableTable/components/DndWrapper}/utils/index.js

@@ -40,7 +40,7 @@ var _treeNodePreImpl = function treeNodePreImpl(treeItem, callback, options) {
     return treeItem;
   }
   var finalChildrenKey = getFinalChildrenKey(treeItem, options, options);
-  var children = treeItem[finalChildrenKey];
+  var children = treeItem === null || treeItem === void 0 ? void 0 : treeItem[finalChildrenKey];
   if (!children || !Array.isArray(children)) {
     return undefined;
   }
@@ -125,7 +125,7 @@ export function createTreeFromArray(array, options) {
 var _treeForEachPreImpl = function treeForEachPreImpl(treeItem, callback, options) {
   callback(treeItem, options);
   var finalChildrenKey = getFinalChildrenKey(treeItem, options, options);
-  var children = treeItem[finalChildrenKey];
+  var children = treeItem === null || treeItem === void 0 ? void 0 : treeItem[finalChildrenKey];
   if (children && Array.isArray(children)) {
     var nextLevelOptions = _objectSpread(_objectSpread({}, options), {}, {
       parents: [].concat(_toConsumableArray(options.parents), [treeItem]),

package/es/ProTable/components/RcTable/components/DraggableTable/index.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import '../../../../style/index.less';
+declare const _default: import("react").MemoExoticComponent<({ dataSource, tableProps, draggableProps, summaryProps, emptyTextProps, ...restProps }: {
+    [x: string]: any;
+    dataSource: any;
+    tableProps: any;
+    draggableProps: any;
+    summaryProps: any;
+    emptyTextProps: any;
+}) => import("react/jsx-runtime").JSX.Element>;
+export default _default;

package/es/ProTable/components/RcTable/components/DraggableTable/index.js

@@ -0,0 +1,52 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import "antd/es/table/style";
+import _Table from "antd/es/table";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["dataSource", "tableProps", "draggableProps", "summaryProps", "emptyTextProps"];
+import { jsx as _jsx } from "react/jsx-runtime";
+import { memo } from 'react';
+import DndWrapper, { Row } from './components/DndWrapper';
+import { RenderEmptyText, RenderSummary } from '../../../index';
+import '../../../../style/index.less';
+var DraggableTable = function DraggableTable(_ref) {
+  var dataSource = _ref.dataSource,
+    tableProps = _ref.tableProps,
+    draggableProps = _ref.draggableProps,
+    summaryProps = _ref.summaryProps,
+    emptyTextProps = _ref.emptyTextProps,
+    restProps = _objectWithoutProperties(_ref, _excluded);
+  var columns = tableProps.columns,
+    renderRowSelection = tableProps.renderRowSelection,
+    rowClassName = tableProps.rowClassName,
+    disabled = tableProps.disabled;
+  var onChange = draggableProps.onChange,
+    draggable = draggableProps.draggable,
+    rowKey = draggableProps.rowKey;
+  return _jsx(DndWrapper, {
+    value: dataSource !== null && dataSource !== void 0 ? dataSource : [],
+    onChange: onChange,
+    disabled: disabled,
+    draggable: draggable,
+    rowKey: rowKey,
+    children: _jsx(_Table, _objectSpread(_objectSpread({
+      className: "pro-edit-table-drag",
+      components: {
+        body: {
+          row: Row
+        }
+      },
+      columns: columns,
+      locale: {
+        emptyText: RenderEmptyText(emptyTextProps)
+      },
+      summary: function summary() {
+        return RenderSummary(summaryProps);
+      },
+      rowClassName: rowClassName
+    }, tableProps), {}, {
+      dataSource: dataSource,
+      rowSelection: renderRowSelection()
+    }, restProps))
+  });
+};
+export default /*#__PURE__*/memo(DraggableTable);

package/es/ProTable/components/RcTable/index.d.ts

@@ -0,0 +1,4 @@
+/** 基础表格 */
+export { default as BaseTable } from './components/BaseTable/index';
+/** 拖拽表格 */
+export { default as DraggableTable } from './components/DraggableTable/index';

package/es/ProTable/components/RcTable/index.js

@@ -0,0 +1,4 @@
+/** 基础表格 */
+export { default as BaseTable } from './components/BaseTable/index';
+/** 拖拽表格 */
+export { default as DraggableTable } from './components/DraggableTable/index';

package/es/ProTable/components/RenderEmptyText/index.d.ts

@@ -0,0 +1,3 @@
+import { ReactNode } from 'react';
+declare const RenderEmptyText: (props: any) => ReactNode;
+export default RenderEmptyText;

package/es/ProTable/components/RenderEmptyText/index.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+var RenderEmptyText = function RenderEmptyText(props) {
+  var _locale$ProTable;
+  var _ref = props || {},
+    empty = _ref.empty,
+    locale = _ref.locale,
+    emptyText = _ref.emptyText;
+  return _jsxs("div", {
+    className: "pro-table-empty",
+    children: [_jsx("div", {
+      className: "empty-image",
+      children: _jsx("img", {
+        src: empty,
+        alt: locale === null || locale === void 0 ? void 0 : (_locale$ProTable = locale.ProTable) === null || _locale$ProTable === void 0 ? void 0 : _locale$ProTable.noData
+      })
+    }), _jsx("div", {
+      className: "empty-description",
+      children: typeof emptyText === 'function' ? emptyText() : emptyText
+    })]
+  });
+};
+export default RenderEmptyText;

package/es/ProTable/components/RenderFooter/index.d.ts

@@ -0,0 +1,2 @@
+declare const RenderFooter: (props: any) => import("react/jsx-runtime").JSX.Element;
+export default RenderFooter;

package/es/ProTable/components/RenderFooter/index.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+var RenderFooter = function RenderFooter(props) {
+  var _ref = props || {},
+    footerRender = _ref.footerRender,
+    pagination = _ref.pagination,
+    _dataSource = _ref._dataSource;
+  return footerRender ? _jsx("div", {
+    className: "pro-table-footer ".concat(pagination && !!(_dataSource === null || _dataSource === void 0 ? void 0 : _dataSource.length) ? 'has-page' : 'no-page'),
+    children: typeof footerRender === 'function' ? footerRender() : footerRender
+  }) : null;
+};
+export default RenderFooter;

package/es/ProTable/components/RenderSummary/index.d.ts

@@ -0,0 +1,3 @@
+import { ReactNode } from 'react';
+declare const renderSummary: (props: any) => ReactNode;
+export default renderSummary;

package/es/ProTable/components/RenderSummary/index.js

@@ -0,0 +1,55 @@
+import "antd/es/table/style";
+import _Table from "antd/es/table";
+import _typeof from "@babel/runtime/helpers/esm/typeof";
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { get } from 'lodash';
+import { tools } from '@zat-design/utils';
+import { valueTypeRender } from '../../../ProUtils/utils';
+var renderSummary = function renderSummary(props) {
+  var summary = props.summary,
+    dataSource = props.dataSource;
+  var _ref = summary || {},
+    columns = _ref.columns,
+    _ref$total = _ref.total,
+    total = _ref$total === void 0 ? true : _ref$total,
+    _ref$fixed = _ref.fixed,
+    fixed = _ref$fixed === void 0 ? true : _ref$fixed;
+  // 没有数据时，不展示合计栏
+  if (!(dataSource === null || dataSource === void 0 ? void 0 : dataSource.length)) {
+    return null;
+  }
+  return _typeof(summary) === 'object' ? _jsx(_Table.Summary, {
+    fixed: fixed,
+    children: _jsx(_Table.Summary.Row, {
+      children: columns === null || columns === void 0 ? void 0 : columns.map(function (_ref2) {
+        var key = _ref2.key,
+          index = _ref2.index,
+          colSpan = _ref2.colSpan,
+          prefix = _ref2.prefix,
+          suffix = _ref2.suffix,
+          title = _ref2.title,
+          precision = _ref2.precision,
+          valueType = _ref2.valueType;
+        var text = null;
+        if (title) {
+          text = title;
+        } else if (total && key) {
+          var _dataSource$reduce;
+          var format = valueTypeRender === null || valueTypeRender === void 0 ? void 0 : valueTypeRender[valueType];
+          var sum = dataSource === null || dataSource === void 0 ? void 0 : (_dataSource$reduce = dataSource.reduce) === null || _dataSource$reduce === void 0 ? void 0 : _dataSource$reduce.call(dataSource, function (pre, cur) {
+            var _get;
+            return tools.calc(pre, '+', (_get = get(cur, key)) !== null && _get !== void 0 ? _get : 0);
+          }, 0);
+          text = format ? format(sum, precision !== null && precision !== void 0 ? precision : 2) : sum;
+        }
+        var _key = key;
+        return _jsxs(_Table.Summary.Cell, {
+          index: index,
+          colSpan: colSpan,
+          children: [prefix, text, suffix]
+        }, _key);
+      })
+    })
+  }) : summary;
+};
+export default renderSummary;

package/es/ProTable/components/RenderTableHeader/index.d.ts

@@ -0,0 +1,2 @@
+declare const RenderTableHeader: (props: any) => import("react/jsx-runtime").JSX.Element;
+export default RenderTableHeader;

package/es/ProTable/components/RenderTableHeader/index.js

@@ -0,0 +1,61 @@
+import "antd/es/button/style";
+import _Button from "antd/es/button";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ReactSVG } from 'react-svg';
+import { ProTreeModal } from '../../../index';
+var RenderTableHeader = function RenderTableHeader(props) {
+  var _locale$ProTable, _locale$ProTable2, _locale$ProTable3;
+  var dataSource = props.dataSource;
+  var _ref = dataSource || {},
+    headerRender = _ref.headerRender,
+    columnConfig = _ref.columnConfig,
+    resizeColumn = _ref.resizeColumn,
+    resetSvg = _ref.resetSvg,
+    resetColumnWidth = _ref.resetColumnWidth,
+    locale = _ref.locale,
+    customColumns = _ref.customColumns,
+    checkColumns = _ref.checkColumns,
+    handleColumnConfig = _ref.handleColumnConfig,
+    customColumnSvg = _ref.customColumnSvg;
+  // 没有数据时，不展示tableHeader
+  if (!(headerRender || columnConfig || resizeColumn)) {
+    return null;
+  }
+  return _jsxs("div", {
+    className: "column-config",
+    children: [_jsx("div", {
+      className: "left-contain",
+      children: headerRender ? typeof headerRender === 'function' ? headerRender() : headerRender : null
+    }), _jsxs("div", {
+      className: "right-actions",
+      children: [resizeColumn && _jsx(_Button, {
+        icon: _jsx(ReactSVG, {
+          className: "anticon",
+          wrapper: "span",
+          src: resetSvg
+        }),
+        onClick: resetColumnWidth,
+        children: locale === null || locale === void 0 ? void 0 : (_locale$ProTable = locale.ProTable) === null || _locale$ProTable === void 0 ? void 0 : _locale$ProTable.resetColumnWidth
+      }), columnConfig && _jsx(ProTreeModal, {
+        title: locale === null || locale === void 0 ? void 0 : (_locale$ProTable2 = locale.ProTable) === null || _locale$ProTable2 === void 0 ? void 0 : _locale$ProTable2.customColumns,
+        span: 8,
+        mode: "list",
+        draggable: true,
+        dataSource: customColumns,
+        value: checkColumns,
+        allValue: "all",
+        onChange: handleColumnConfig,
+        trigger: _jsx(_Button, {
+          className: "custom-column-btn",
+          icon: _jsx(ReactSVG, {
+            className: "anticon",
+            wrapper: "span",
+            src: customColumnSvg
+          }),
+          children: locale === null || locale === void 0 ? void 0 : (_locale$ProTable3 = locale.ProTable) === null || _locale$ProTable3 === void 0 ? void 0 : _locale$ProTable3.customColumns
+        })
+      })]
+    })]
+  });
+};
+export default RenderTableHeader;

package/es/ProTable/components/TableResizable/index.js

@@ -3,19 +3,11 @@ import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["onDrag", "width", "minwidth"];
 import { jsx as _jsx } from "react/jsx-runtime";
-/*
- * @Author: chongyang wanchongyang@zhongan.io
- * @Date: 2023-02-23 17:47:46
- * @LastEditors: chongyang wanchongyang@zhongan.io
- * @LastEditTime: 2023-03-07 20:18:22
- * @FilePath: /za-material-warehouse/src/ProTable/TableResizable.tsx
- * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
- */
 import { useState, useContext } from 'react';
 import { Resizable } from 'react-resizable';
 import classnames from 'classnames';
 import { TableContext } from '../../index';
-import { getParentElement } from '../../utils';
+import { getParentElement } from '../FormatColumn';
 var ResizableTitle = function ResizableTitle(props) {
   var _restProps$className;
   var onDrag = props.onDrag,

package/es/ProTable/components/index.d.ts

@@ -1,3 +1,5 @@
-export { default as ResizableLine } from './ResizableLine';
 export { default as TableResizable } from './TableResizable';
-export { default as DndWrapper, Row } from './DndWrapper';
+export { default as RenderEmptyText } from './RenderEmptyText';
+export { default as RenderSummary } from './RenderSummary';
+export { default as RenderTableHeader } from './RenderTableHeader';
+export { default as RenderFooter } from './RenderFooter';

package/es/ProTable/components/index.js

@@ -1,3 +1,5 @@
-export { default as ResizableLine } from './ResizableLine';
 export { default as TableResizable } from './TableResizable';
-export { default as DndWrapper, Row } from './DndWrapper';
+export { default as RenderEmptyText } from './RenderEmptyText';
+export { default as RenderSummary } from './RenderSummary';
+export { default as RenderTableHeader } from './RenderTableHeader';
+export { default as RenderFooter } from './RenderFooter';

package/{lib/ProTable → es/ProTable/hooks}/useAntdTable.d.ts

@@ -1,6 +1,6 @@
 import { Key } from 'react';
 import { useRequest } from 'ahooks';
-import { RequestOptions, Service } from './propsType';
+import { RequestOptions, Service } from '../propsType';
 declare function useAntdTable<I, R extends Record<string, any>, S extends Service<I, R>>(service: S, options?: RequestOptions<I, R>, useRequestOptions?: Parameters<typeof useRequest>[1]): {
     data: R[];
     params: any;
@@ -83,6 +83,7 @@ declare function useAntdTable<I, R extends Record<string, any>, S extends Servic
         };
         onChange: (pagination: any, filters: any, sorter: any, extra: any) => void;
     };
+    handleSetStateCallback: (values: any) => void;
     loading: boolean;
     error?: Error;
     cancel: () => void;

package/es/ProTable/{useAntdTable.js → hooks/useAntdTable.js}

@@ -10,9 +10,9 @@ var _excluded = ["page", "filters", "sorter"];
 import { useCallback, useMemo, useState } from 'react';
 import { useRequest, useSetState, useDeepCompareEffect } from 'ahooks';
 import { pickBy, isObject, merge, set, isEqual } from 'lodash';
-import { defaultPage } from './index';
-import { isListResult } from './utils';
-import locale, { formatMessage } from '../locale';
+import { defaultPage } from '../index';
+import { isListResult } from '../utils';
+import locale, { formatMessage } from '../../locale';
 var useDefaultOptions = function useDefaultOptions(options) {
   var _useState = useState((options === null || options === void 0 ? void 0 : options.page) || defaultPage),
     _useState2 = _slicedToArray(_useState, 2),
@@ -89,6 +89,16 @@ function useAntdTable(service, options, useRequestOptions) {
     }
     return requestParams;
   }, [defaultParam, extraParams]);
+  // 仅清数据源相关，查询相关
+  var handleSetStateCallback = function handleSetStateCallback(values) {
+    setState(_objectSpread({
+      data: [],
+      total: 0,
+      selectedRecords: [],
+      selectedRowKeys: [],
+      allSelected: false
+    }, values));
+  };
   var params = useMemo(function () {
     var newQueryBean = _objectSpread(_objectSpread({}, searchValues), extraFilter);
     return getTransformParams(_objectSpread({
@@ -489,7 +499,8 @@ function useAntdTable(service, options, useRequestOptions) {
       rowSelection: returnRowSelection || rowSelections ? rowSelection : undefined,
       pagination: pagination,
       onChange: handleTableChange
-    }
+    },
+    handleSetStateCallback: handleSetStateCallback
   });
 }
 export default useAntdTable;

package/es/ProTable/index.d.ts

@@ -14,6 +14,6 @@ declare namespace ProTable {
         disabled: boolean;
         isView: boolean;
     };
-    var useAntdTable: typeof import("./useAntdTable").default;
+    var useAntdTable: typeof import("./hooks/useAntdTable").default;
 }
 export default ProTable;