@nickeylin/antd-mobile-pro 2.0.0

package/dist/es/components/table/table.less

@@ -0,0 +1,101 @@
+@class-prefix-table: ~'amd-table';
+
+.@{class-prefix-table} {
+  display: flex;
+  width: 100%;
+  flex-direction: column;
+  font-size: var(--adm-font-size-6);
+  color: var(--adm-color-text);
+  --table-border-color: #ececec;
+  --table-cols-padding: 10px;
+  --table-tr-even-bg-color: #f4f4f4;
+  --table-tr-odd-bg-color: #fffff;
+
+  &__main {
+    display: table;
+    width: 100%;
+    border-collapse: collapse;
+    overflow-x: hidden;
+    color: var(--adm-color-text);
+    background-color: var(--adm-color-white);
+
+    &--striped {
+      .amd-table__main__head {
+        &__tr {
+          background-color: var(--table-tr-even-bg-color);
+        }
+      }
+
+      .amd-table__main__body {
+        &__tr:nth-child(odd) {
+          background-color: var(--table-tr-odd-bg-color);
+        }
+      }
+
+      .amd-table__main__body {
+        &__tr:nth-child(even) {
+          background-color: var(--table-tr-even-bg-color);
+        }
+      }
+    }
+
+    &__head,
+    &__body {
+      &__tr {
+        display: table-row;
+
+        &__th {
+          display: table-cell;
+          padding: var(--table-cols-padding);
+        }
+
+        &__td {
+          display: table-cell;
+          padding: var(--table-cols-padding);
+
+          &__nodata {
+            display: flex;
+            height: 50px;
+            align-items: center;
+            justify-content: center;
+          }
+        }
+
+        &--border {
+          border: 1px solid var(--table-border-color);
+        }
+
+        &--alignleft,
+        &--align {
+          text-align: left;
+        }
+
+        &--aligncenter {
+          text-align: center;
+        }
+
+        &--alignright {
+          text-align: right;
+        }
+      }
+    }
+
+    &__head {
+      display: table-header-group;
+    }
+
+    &__body {
+      display: table-row-group;
+    }
+  }
+
+  &__summary {
+    color: #262626;
+    background-color: #ffffff;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    height: 30px;
+    padding: var(--table-cols-padding);
+  }
+}

package/dist/es/components/table/types.d.ts

@@ -0,0 +1,20 @@
+import { NativeProps } from 'antd-mobile/es/utils/native-props';
+import React from 'react';
+export interface BasicTableProps extends NativeProps<'--table-border-color' | '--table-cols-padding' | '--table-tr-even-bg-color' | '--table-tr-odd-bg-color'> {
+    columns: Array<TableColumnProps>;
+    data: Array<any>;
+    bordered: boolean;
+    summary?: React.ReactNode;
+    striped?: boolean;
+    noData?: React.ReactNode;
+    sorterIcon?: React.ReactNode;
+    onSort?: (item: TableColumnProps, data: Array<any>) => void;
+    showHeader?: boolean;
+}
+export interface TableColumnProps {
+    key: string;
+    title?: string;
+    align?: string;
+    sorter?: ((a: any, b: any) => number) | boolean | string;
+    render?: (rowData?: any, rowIndex?: number) => string | React.ReactNode;
+}

package/dist/es/components/table/types.js

@@ -0,0 +1 @@
+export {};

package/dist/es/components/toast/index.d.ts

@@ -0,0 +1,2 @@
+import Toast from './toast';
+export default Toast;

package/dist/es/components/toast/index.js

@@ -0,0 +1,2 @@
+import Toast from "./toast";
+export default Toast;

package/dist/es/components/toast/toast.d.ts

@@ -0,0 +1,13 @@
+import { ToastShowProps } from 'antd-mobile';
+import { ReactNode } from 'react';
+declare function loading(p?: string | (Omit<ToastShowProps, 'icon'> & {
+    icon?: ReactNode;
+})): import("antd-mobile/es/components/toast").ToastHandler;
+declare const _default: {
+    show: typeof import("antd-mobile/es/components/toast/methods").show;
+    clear: typeof import("antd-mobile/es/components/toast/methods").clear;
+    config: typeof import("antd-mobile/es/components/toast/methods").config;
+} & {
+    loading: typeof loading;
+};
+export default _default;

package/dist/es/components/toast/toast.js

@@ -0,0 +1,18 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+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; }
+import { Toast } from 'antd-mobile';
+function loading(p) {
+  var option = typeof p === 'string' ? {
+    content: p
+  } : p !== null && p !== void 0 ? p : {};
+  return Toast.show(_objectSpread({
+    icon: 'loading',
+    maskClickable: false,
+    content: '加载中…',
+    duration: 60000
+  }, option));
+}
+export default Object.assign(Toast, {
+  loading: loading
+});

package/dist/es/components/tree/DirectoryTree.d.ts

@@ -0,0 +1,21 @@
+import type RcTree from 'rc-tree';
+import type { BasicDataNode } from 'rc-tree';
+import type { DataNode, Key } from 'rc-tree/lib/interface';
+import * as React from 'react';
+import type { TreeProps } from './tree';
+export type ExpandAction = false | 'click' | 'doubleClick';
+export interface DirectoryTreeProps<T extends BasicDataNode = DataNode> extends TreeProps<T> {
+    expandAction?: ExpandAction;
+}
+type DirectoryTreeCompoundedComponent = (<T extends BasicDataNode | DataNode = DataNode>(props: React.PropsWithChildren<DirectoryTreeProps<T>> & {
+    ref?: React.Ref<RcTree>;
+}) => React.ReactElement) & {
+    defaultProps: Partial<React.PropsWithChildren<DirectoryTreeProps<any>>>;
+    displayName?: string;
+};
+export interface DirectoryTreeState {
+    expandedKeys?: Key[];
+    selectedKeys?: Key[];
+}
+declare const ForwardDirectoryTree: DirectoryTreeCompoundedComponent;
+export default ForwardDirectoryTree;

package/dist/es/components/tree/DirectoryTree.js

@@ -0,0 +1,159 @@
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["defaultExpandAll", "defaultExpandParent", "defaultExpandedKeys"],
+  _excluded2 = ["prefixCls", "className"];
+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; }
+import FileOutlined from '@ant-design/icons/FileOutlined';
+import FolderOpenOutlined from '@ant-design/icons/FolderOpenOutlined';
+import FolderOutlined from '@ant-design/icons/FolderOutlined';
+import classNames from 'classnames';
+import { conductExpandParent } from 'rc-tree/lib/util';
+import { convertDataToEntities, convertTreeToData } from 'rc-tree/lib/utils/treeUtil';
+import * as React from 'react';
+import Tree from "./tree";
+import { calcRangeKeys, convertDirectoryKeysToNodes } from "./utils/dictUtil";
+import { jsx as _jsx } from "react/jsx-runtime";
+function getIcon(props) {
+  var isLeaf = props.isLeaf,
+    expanded = props.expanded;
+  if (isLeaf) {
+    return /*#__PURE__*/_jsx(FileOutlined, {});
+  }
+  return expanded ? /*#__PURE__*/_jsx(FolderOpenOutlined, {}) : /*#__PURE__*/_jsx(FolderOutlined, {});
+}
+function getTreeData(_ref) {
+  var dataSource = _ref.dataSource,
+    children = _ref.children;
+  return dataSource || convertTreeToData(children);
+}
+var DirectoryTree = function DirectoryTree(_ref2, ref) {
+  var defaultExpandAll = _ref2.defaultExpandAll,
+    defaultExpandParent = _ref2.defaultExpandParent,
+    defaultExpandedKeys = _ref2.defaultExpandedKeys,
+    props = _objectWithoutProperties(_ref2, _excluded);
+  // Shift click usage
+  var lastSelectedKey = React.useRef();
+  var cachedSelectedKeys = React.useRef();
+  var treeRef = /*#__PURE__*/React.createRef();
+  React.useImperativeHandle(ref, function () {
+    return treeRef.current;
+  });
+  var getInitExpandedKeys = function getInitExpandedKeys() {
+    var _convertDataToEntitie = convertDataToEntities(getTreeData(props)),
+      keyEntities = _convertDataToEntitie.keyEntities;
+    var initExpandedKeys;
+
+    // Expanded keys
+    if (defaultExpandAll) {
+      initExpandedKeys = Object.keys(keyEntities);
+    } else if (defaultExpandParent) {
+      initExpandedKeys = conductExpandParent(props.expandedKeys || defaultExpandedKeys || [], keyEntities);
+    } else {
+      initExpandedKeys = props.expandedKeys || defaultExpandedKeys;
+    }
+    return initExpandedKeys;
+  };
+  var _React$useState = React.useState(props.selectedKeys || props.defaultSelectedKeys || []),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    selectedKeys = _React$useState2[0],
+    setSelectedKeys = _React$useState2[1];
+  var _React$useState3 = React.useState(getInitExpandedKeys()),
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    expandedKeys = _React$useState4[0],
+    setExpandedKeys = _React$useState4[1];
+  React.useEffect(function () {
+    if (props.selectedKeys) {
+      setSelectedKeys(props.selectedKeys);
+    }
+  }, [props.selectedKeys]);
+  React.useEffect(function () {
+    if (props.expandedKeys) {
+      setExpandedKeys(props.expandedKeys);
+    }
+  }, [props.expandedKeys]);
+  var onExpand = function onExpand(keys, info) {
+    var _props$onExpand;
+    if (!('expandedKeys' in props)) {
+      setExpandedKeys(keys);
+    }
+    // Call origin function
+    return (_props$onExpand = props.onExpand) === null || _props$onExpand === void 0 ? void 0 : _props$onExpand.call(props, keys, info);
+  };
+  var onSelect = function onSelect(keys, event) {
+    var _props$onSelect;
+    var multiple = props.multiple;
+    var node = event.node,
+      nativeEvent = event.nativeEvent;
+    var _node$key = node.key,
+      key = _node$key === void 0 ? '' : _node$key;
+    var treeData = getTreeData(props);
+    // const newState: DirectoryTreeState = {};
+
+    // We need wrap this event since some value is not same
+    var newEvent = _objectSpread(_objectSpread({}, event), {}, {
+      selected: true // Directory selected always true
+    });
+
+    // Windows / Mac single pick
+    var ctrlPick = (nativeEvent === null || nativeEvent === void 0 ? void 0 : nativeEvent.ctrlKey) || (nativeEvent === null || nativeEvent === void 0 ? void 0 : nativeEvent.metaKey);
+    var shiftPick = nativeEvent === null || nativeEvent === void 0 ? void 0 : nativeEvent.shiftKey;
+
+    // Generate new selected keys
+    var newSelectedKeys;
+    if (multiple && ctrlPick) {
+      // Control click
+      newSelectedKeys = keys;
+      lastSelectedKey.current = key;
+      cachedSelectedKeys.current = newSelectedKeys;
+      newEvent.selectedNodes = convertDirectoryKeysToNodes(treeData, newSelectedKeys);
+    } else if (multiple && shiftPick) {
+      // Shift click
+      newSelectedKeys = Array.from(new Set([].concat(_toConsumableArray(cachedSelectedKeys.current || []), _toConsumableArray(calcRangeKeys({
+        treeData: treeData,
+        expandedKeys: expandedKeys,
+        startKey: key,
+        endKey: lastSelectedKey.current
+      })))));
+      newEvent.selectedNodes = convertDirectoryKeysToNodes(treeData, newSelectedKeys);
+    } else {
+      // Single click
+      newSelectedKeys = [key];
+      lastSelectedKey.current = key;
+      cachedSelectedKeys.current = newSelectedKeys;
+      newEvent.selectedNodes = convertDirectoryKeysToNodes(treeData, newSelectedKeys);
+    }
+    (_props$onSelect = props.onSelect) === null || _props$onSelect === void 0 || _props$onSelect.call(props, newSelectedKeys, newEvent);
+    if (!('selectedKeys' in props)) {
+      setSelectedKeys(newSelectedKeys);
+    }
+  };
+  var _ = props.prefixCls,
+    className = props.className,
+    otherProps = _objectWithoutProperties(props, _excluded2);
+  var prefixCls = 'tree';
+  var connectClassName = classNames("".concat(prefixCls, "-directory"), className);
+  return /*#__PURE__*/_jsx(Tree, _objectSpread(_objectSpread({
+    icon: getIcon,
+    treeRef: treeRef,
+    blockNode: true
+  }, otherProps), {}, {
+    prefixCls: prefixCls,
+    className: connectClassName,
+    expandedKeys: expandedKeys,
+    selectedKeys: selectedKeys,
+    onSelect: onSelect,
+    onExpand: onExpand
+  }));
+};
+var ForwardDirectoryTree = /*#__PURE__*/React.forwardRef(DirectoryTree);
+if (process.env.NODE_ENV !== 'production') {
+  ForwardDirectoryTree.displayName = 'DirectoryTree';
+}
+ForwardDirectoryTree.defaultProps = {
+  showIcon: true,
+  expandAction: 'click'
+};
+export default ForwardDirectoryTree;

package/dist/es/components/tree/demo/data.d.ts

@@ -0,0 +1,6 @@
+import { TreeDataNode } from '../tree';
+declare const treeData: TreeDataNode<{
+    title: string;
+    key: string;
+}>[];
+export { treeData };

package/dist/es/components/tree/demo/data.js

@@ -0,0 +1,29 @@
+var x = 3;
+var y = 2;
+var z = 1;
+var treeData = [];
+var generateData = function generateData(_level, _preKey, _tns) {
+  var preKey = _preKey || '0';
+  var tns = _tns || treeData;
+  var children = [];
+  for (var i = 0; i < x; i++) {
+    var key = "".concat(preKey, "-").concat(i);
+    tns.push({
+      title: key,
+      key: key
+    });
+    if (i < y) {
+      children.push(key);
+    }
+  }
+  if (_level < 0) {
+    return tns;
+  }
+  var level = _level - 1;
+  children.forEach(function (key, index) {
+    tns[index].children = [];
+    return generateData(level, key, tns[index].children);
+  });
+};
+generateData(z);
+export { treeData };

package/dist/es/components/tree/demo/demo.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const App: () => JSX.Element;
+export default App;

package/dist/es/components/tree/demo/demo.js

@@ -0,0 +1,22 @@
+import { Toast, Tree } from "../../..";
+import { treeData } from "./data";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+var App = function App() {
+  return /*#__PURE__*/_jsx(_Fragment, {
+    children: /*#__PURE__*/_jsx(Tree, {
+      defaultExpandAll: true,
+      multiple: false,
+      checkable: true,
+      showLine: true,
+      onSelect: function onSelect(selectedKeys, info) {
+        Toast.show((info.selected ? '' : '取消') + '选择: ' + info.node.title);
+      },
+      onCheck: function onCheck(checked, info) {
+        console.log('onCheck', checked, info);
+      },
+      dataSource: treeData
+    })
+  });
+};
+export default App;

package/dist/es/components/tree/demo/demo1.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const App: React.FC;
+export default App;

package/dist/es/components/tree/demo/demo1.js

@@ -0,0 +1,49 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import { Tree } from "../../..";
+import { useState } from 'react';
+import { treeData } from "./data";
+import { jsx as _jsx } from "react/jsx-runtime";
+var App = function App() {
+  var _useState = useState(['0-0-0', '0-0-1']),
+    _useState2 = _slicedToArray(_useState, 2),
+    expandedKeys = _useState2[0],
+    setExpandedKeys = _useState2[1];
+  var _useState3 = useState(['0-0-0']),
+    _useState4 = _slicedToArray(_useState3, 2),
+    checkedKeys = _useState4[0],
+    setCheckedKeys = _useState4[1];
+  var _useState5 = useState([]),
+    _useState6 = _slicedToArray(_useState5, 2),
+    selectedKeys = _useState6[0],
+    setSelectedKeys = _useState6[1];
+  var _useState7 = useState(true),
+    _useState8 = _slicedToArray(_useState7, 2),
+    autoExpandParent = _useState8[0],
+    setAutoExpandParent = _useState8[1];
+  var onExpand = function onExpand(expandedKeysValue) {
+    console.log('onExpand', expandedKeysValue);
+    // if not set autoExpandParent to false, if children expanded, parent can not collapse.
+    // or, you can remove all expanded children keys.
+    setExpandedKeys(expandedKeysValue);
+    setAutoExpandParent(false);
+  };
+  var onSelect = function onSelect(selectedKeysValue, info) {
+    console.log('onSelect', info);
+    setSelectedKeys(selectedKeysValue);
+  };
+  return /*#__PURE__*/_jsx(Tree, {
+    checkable: true,
+    onExpand: onExpand,
+    expandedKeys: expandedKeys,
+    autoExpandParent: autoExpandParent,
+    onCheck: function onCheck(checked, info) {
+      console.log(checked, info);
+      if (Array.isArray(checked)) setCheckedKeys(checked);
+    },
+    checkedKeys: checkedKeys,
+    onSelect: onSelect,
+    selectedKeys: selectedKeys,
+    dataSource: treeData
+  });
+};
+export default App;

package/dist/es/components/tree/demo/demo2.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const App: () => JSX.Element;
+export default App;

package/dist/es/components/tree/demo/demo2.js

@@ -0,0 +1,27 @@
+import { Toast, Tree } from "../../..";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+var App = function App() {
+  return /*#__PURE__*/_jsx(_Fragment, {
+    children: /*#__PURE__*/_jsx(Tree, {
+      fieldNames: {
+        title: 'name'
+      },
+      defaultExpandAll: true,
+      multiple: false,
+      checkable: true,
+      showLine: true,
+      params: {
+        url: 'http://10.4.32.53:7300/mock/633848a1e00822b584e6d608/example/getOrganization',
+        method: 'get'
+      },
+      onSelect: function onSelect(selectedKeys, info) {
+        Toast.show((info.selected ? '' : '取消') + '选择: ' + info.node.name);
+      },
+      onCheck: function onCheck(checked, info) {
+        console.log('onCheck', checked, info);
+      }
+    }, 'key')
+  });
+};
+export default App;

package/dist/es/components/tree/demo/demo3.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const App: React.FC;
+export default App;

package/dist/es/components/tree/demo/demo3.js

@@ -0,0 +1,79 @@
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import { Tree } from "../../..";
+import React, { useState } from 'react';
+import { treeData } from "./data";
+import { jsx as _jsx } from "react/jsx-runtime";
+var App = function App() {
+  var _useState = useState(treeData),
+    _useState2 = _slicedToArray(_useState, 2),
+    gData = _useState2[0],
+    setGData = _useState2[1];
+  var _useState3 = useState(['0-0', '0-0-0', '0-0-0-0']),
+    _useState4 = _slicedToArray(_useState3, 1),
+    expandedKeys = _useState4[0];
+  var onDragEnter = function onDragEnter(info) {
+    console.log(info);
+    // expandedKeys, set it when controlled is needed
+    // setExpandedKeys(info.expandedKeys)
+  };
+  var onDrop = function onDrop(info) {
+    console.log(info);
+    var dropKey = info.node.key;
+    var dragKey = info.dragNode.key;
+    var dropPos = info.node.pos.split('-');
+    var dropPosition = info.dropPosition - Number(dropPos[dropPos.length - 1]); // the drop position relative to the drop node, inside 0, top -1, bottom 1
+
+    var loop = function loop(data, key, callback) {
+      for (var _i = 0; _i < data.length; _i++) {
+        if (data[_i].key === key) {
+          return callback(data[_i], _i, data);
+        }
+        if (data[_i].children) {
+          loop(data[_i].children, key, callback);
+        }
+      }
+    };
+    var data = _toConsumableArray(gData);
+
+    // Find dragObject
+    var dragObj;
+    loop(data, dragKey, function (item, index, arr) {
+      arr.splice(index, 1);
+      dragObj = item;
+    });
+    if (!info.dropToGap) {
+      // Drop on the content
+      loop(data, dropKey, function (item) {
+        item.children = item.children || [];
+        // where to insert. New item was inserted to the start of the array in this example, but can be anywhere
+        item.children.unshift(dragObj);
+      });
+    } else {
+      var ar = [];
+      var _i2;
+      loop(data, dropKey, function (_item, index, arr) {
+        ar = arr;
+        _i2 = index;
+      });
+      if (dropPosition === -1) {
+        // Drop on the top of the drop node
+        ar.splice(_i2, 0, dragObj);
+      } else {
+        // Drop on the bottom of the drop node
+        ar.splice(_i2 + 1, 0, dragObj);
+      }
+    }
+    setGData(data);
+  };
+  return /*#__PURE__*/_jsx(Tree, {
+    className: "draggable-tree",
+    defaultExpandedKeys: expandedKeys,
+    draggable: true,
+    blockNode: true,
+    onDragEnter: onDragEnter,
+    onDrop: onDrop,
+    dataSource: gData
+  });
+};
+export default App;

package/dist/es/components/tree/index.d.ts

@@ -0,0 +1,5 @@
+import './style/index.less';
+import Tree from './tree';
+export type { DirectoryTreeProps } from './DirectoryTree';
+export type { TreeDataNode, TreeProps } from './tree';
+export default Tree;

package/dist/es/components/tree/index.js

@@ -0,0 +1,3 @@
+import "./style/index.less";
+import Tree from "./tree";
+export default Tree;

package/dist/es/components/tree/style/checkbox/index.d.ts

@@ -0,0 +1,2 @@
+import '../../style/index.less';
+import './index.less';

package/dist/es/components/tree/style/checkbox/index.js

@@ -0,0 +1,3 @@
+import "../../style/index.less";
+import "./index.less";
+// deps-lint-skip: form

package/dist/es/components/tree/style/checkbox/index.less

@@ -0,0 +1,6 @@
+@import '../../style/themes/index';
+@import './mixin.less';
+
+.antCheckboxFn();
+
+@import './rtl';