@sheinx/base 3.0.0-alpha.1

package/esm/tree/__example__/01-base.js

@@ -0,0 +1,143 @@
+"use strict";
+
+require("core-js/modules/es.array.iterator.js");
+require("core-js/modules/es.weak-map.js");
+require("core-js/modules/web.dom-collections.iterator.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+require("core-js/modules/es.array.map.js");
+require("core-js/modules/es.array.from.js");
+require("core-js/modules/web.dom-collections.for-each.js");
+require("core-js/modules/es.array.concat.js");
+require("core-js/modules/es.regexp.exec.js");
+require("core-js/modules/es.string.replace.js");
+var _react = _interopRequireWildcard(require("react"));
+var _2 = require("../..");
+var _immer = require("immer");
+var _shineoutStyle = require("@sheinx/shineout-style");
+var _jsxRuntime = require("react/jsx-runtime");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+/**
+ * cn - 基本用法
+ *    --
+ * en - Basic
+ *    --
+ */
+var _default = function _default() {
+  var treeStyle = (0, _shineoutStyle.useTreeStyle)();
+  var checkboxStyle = (0, _shineoutStyle.useCheckboxStyle)();
+  var spinStyle = (0, _shineoutStyle.useSpinStyle)();
+
+  // const data1 = [
+  //   {
+  //     id: '1',
+  //     name: 'node 1',
+  //     children: [
+  //       {
+  //         id: '1-1',
+  //         name: 'node 1-1',
+  //         children: [
+  //           {
+  //             id: '1-1-1',
+  //             name: 'node 1-1-1',
+  //             children: [
+  //               { id: '1-1-1-1', name: 'node 1-1-1-1' },
+  //               { id: '1-1-1-2', name: 'node 1-1-1-2' },
+  //             ],
+  //           },
+  //           { id: '1-1-2', name: 'node 1-1-2' },
+  //         ],
+  //       },
+  //       { id: '1-2', name: 'node 1-2' },
+  //     ],
+  //   },
+  //   {
+  //     id: '2',
+  //     name: 'node 2',
+  //     children: [
+  //       { id: '2-1', name: 'node 2-1' },
+  //       { id: '2-2', name: 'node 2-2' },
+  //     ],
+  //   },
+  //   { id: '3', name: 'node 3', children: [{ id: '3-1', name: 'node 3-1' }] },
+  //   { id: '4', name: 'node 4', children: [{ id: '4-1', name: 'node 4-1' }] },
+  //   { id: '5', name: 'node 5', children: [{ id: '5-1', name: 'node 5-1' }] },
+  //   { id: '6', name: 'node 6', children: undefined },
+  // ];
+  var initData = ['0', '1', '2', '3', '4'].map(function (i) {
+    return {
+      id: i
+    };
+  });
+  var createRange = function createRange() {
+    return Array.from({
+      length: Math.round(Math.random() * 4)
+    }, function (_, i) {
+      return i;
+    });
+  };
+  var _useState = (0, _react.useState)(initData),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    data = _useState2[0],
+    setData = _useState2[1];
+  // const [, setValue] = useState([]);
+  // const handleChange = (v) => {
+  //   setValue(v);
+  // };
+
+  var handleDrop = function handleDrop(d) {
+    setData(d);
+  };
+  var handleLoader = function handleLoader(key) {
+    var nextData = (0, _immer.produce)(data, function (draft) {
+      var path = key.split(',');
+      var target = draft;
+      path.forEach(function (pid, i) {
+        target = target.find(function (d) {
+          return d.id === pid;
+        });
+        if (i < path.length - 1) target = target.children;
+      });
+      target.children = (0, _toConsumableArray2.default)(createRange().map(function (i) {
+        return {
+          id: "".concat(target.id, "-").concat(i)
+        };
+      }));
+    });
+    setTimeout(function () {
+      return setData(nextData);
+    }, 1000);
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_2.Tree, {
+      line: false,
+      jssStyle: {
+        tree: treeStyle,
+        checkbox: checkboxStyle,
+        spin: spinStyle
+      },
+      data: data,
+      keygen: function keygen(node, parentKey) {
+        return "".concat(parentKey, ",").concat(node.id).replace(/^,/, '');
+      },
+      loader: handleLoader,
+      onDrop: handleDrop,
+      inlineNode: true,
+      parentClickExpand: true
+      // onChange={handleChange}
+      ,
+      expandIcons: ['😄', '🤔'],
+      renderItem: function renderItem(node) {
+        return "node ".concat(node.id);
+      }
+    })
+  });
+};
+exports.default = _default;

package/esm/tree/index.d.ts

@@ -0,0 +1,3 @@
+export { default, default as Tree } from './tree';
+export type { TreeProps } from './tree.type';
+//# sourceMappingURL=index.d.ts.map

package/esm/tree/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AAClD,YAAY,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC"}

package/esm/tree/index.js

@@ -0,0 +1,19 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Tree", {
+  enumerable: true,
+  get: function get() {
+    return _tree.default;
+  }
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _tree.default;
+  }
+});
+var _tree = _interopRequireDefault(require("./tree"));

package/esm/tree/tree-checkbox.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { TreeCheckboxProps } from './tree-checkbox.type';
+declare const TreeCheckbox: <DataItem>(props: TreeCheckboxProps<DataItem>) => JSX.Element;
+export default TreeCheckbox;
+//# sourceMappingURL=tree-checkbox.d.ts.map

package/esm/tree/tree-checkbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tree-checkbox.d.ts","sourceRoot":"","sources":["tree-checkbox.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAIzD,QAAA,MAAM,YAAY,+DA4BjB,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/esm/tree/tree-checkbox.js

@@ -0,0 +1,41 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _checkbox = require("../checkbox");
+var _treeContext = require("./tree-context");
+var _jsxRuntime = require("react/jsx-runtime");
+var TreeCheckbox = function TreeCheckbox(props) {
+  var jssStyle = props.jssStyle,
+    className = props.className,
+    id = props.id,
+    onChange = props.onChange,
+    disabled = props.disabled;
+  var _useTreeContext = (0, _treeContext.useTreeContext)(),
+    getValue = _useTreeContext.getValue,
+    set = _useTreeContext.set,
+    isDisabled = _useTreeContext.isDisabled,
+    getChecked = _useTreeContext.getChecked;
+  var handleChange = function handleChange(_, checked) {
+    set(id, checked ? 1 : 0);
+    if (onChange) {
+      onChange(getValue(), id);
+    }
+  };
+  var checkDisabled = function checkDisabled() {
+    if (disabled) return true;
+    return isDisabled(id);
+  };
+  var checked = getChecked(id);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_checkbox.Checkbox, {
+    className: className,
+    jssStyle: jssStyle,
+    checked: checked,
+    disabled: checkDisabled(),
+    onChange: handleChange
+  });
+};
+var _default = TreeCheckbox;
+exports.default = _default;

package/esm/tree/tree-checkbox.type.d.ts

@@ -0,0 +1,10 @@
+import { KeygenResult } from '@sheinx/hooks';
+import { CommonType } from '../common/type';
+import { JsstyleType } from './tree.type';
+export interface TreeCheckboxProps<DataItem> extends Pick<CommonType, 'className'> {
+    jssStyle: JsstyleType;
+    id: KeygenResult;
+    disabled?: boolean | ((item: DataItem) => boolean);
+    onChange?: (value: KeygenResult[], id: KeygenResult) => void;
+}
+//# sourceMappingURL=tree-checkbox.type.d.ts.map

package/esm/tree/tree-checkbox.type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tree-checkbox.type.d.ts","sourceRoot":"","sources":["tree-checkbox.type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE1C,MAAM,WAAW,iBAAiB,CAAC,QAAQ,CAAE,SAAQ,IAAI,CAAC,UAAU,EAAE,WAAW,CAAC;IAChF,QAAQ,EAAE,WAAW,CAAC;IACtB,EAAE,EAAE,YAAY,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,GAAG,CAAC,CAAC,IAAI,EAAE,QAAQ,KAAK,OAAO,CAAC,CAAC;IACnD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,EAAE,EAAE,EAAE,EAAE,YAAY,KAAK,IAAI,CAAC;CAC9D"}

package/esm/tree/tree-checkbox.type.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/esm/tree/tree-content.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { TreeContextProps } from './tree-content.type';
+declare const NodeContent: <DataItem>(props: TreeContextProps<DataItem>) => JSX.Element;
+export default NodeContent;
+//# sourceMappingURL=tree-content.d.ts.map

package/esm/tree/tree-content.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tree-content.d.ts","sourceRoot":"","sources":["tree-content.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAKvD,QAAA,MAAM,WAAW,8DA6JhB,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/esm/tree/tree-content.js

@@ -0,0 +1,154 @@
+"use strict";
+
+require("core-js/modules/es.array.filter.js");
+require("core-js/modules/web.dom-collections.for-each.js");
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _hooks = require("@sheinx/hooks");
+var _treeCheckbox = _interopRequireDefault(require("./tree-checkbox"));
+var _icons = _interopRequireDefault(require("../icons"));
+var _spin = _interopRequireDefault(require("../spin"));
+var _jsxRuntime = require("react/jsx-runtime");
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var NodeContent = function NodeContent(props) {
+  var _classNames;
+  var jssStyle = props.jssStyle,
+    id = props.id,
+    active = props.active,
+    data = props.data,
+    line = props.line,
+    disabled = props.disabled,
+    iconClass = props.iconClass,
+    expandIcons = props.expandIcons,
+    renderItem = props.renderItem,
+    expanded = props.expanded,
+    fetching = props.fetching,
+    inlineNode = props.inlineNode,
+    childrenKey = props.childrenKey,
+    parentClickExpand = props.parentClickExpand,
+    doubleClickExpand = props.doubleClickExpand,
+    bindContent = props.bindContent,
+    highlight = props.highlight,
+    setFetching = props.setFetching,
+    loader = props.loader,
+    onChange = props.onChange,
+    onToggle = props.onToggle,
+    onDragOver = props.onDragOver,
+    onNodeClick = props.onNodeClick;
+  var contentStyle = (jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.tree()) || {};
+  var rootClass = (0, _classnames.default)(contentStyle.contentWrapper, (_classNames = {}, (0, _defineProperty2.default)(_classNames, contentStyle.childnode, data[childrenKey] && data[childrenKey].length > 0), (0, _defineProperty2.default)(_classNames, contentStyle.inlineContent, inlineNode), _classNames));
+  var contentClass = (0, _classnames.default)(contentStyle.content);
+  var textClass = (0, _classnames.default)(contentStyle.text);
+  var hasExpandIcons = expandIcons !== undefined;
+  var children = data[childrenKey];
+  var hasChildren = children && children.length > 0;
+  var contentDataProps = function contentDataProps() {
+    var dataProps = {};
+    if (highlight) {
+      dataProps['data-active'] = active;
+    }
+    return dataProps;
+  };
+  var handleIndicatorClick = function handleIndicatorClick() {
+    onToggle();
+    if (data[childrenKey] !== undefined) return;
+    setFetching(true);
+    if (loader) loader(id, data);
+  };
+  var handleNodeClick = function handleNodeClick() {
+    if (parentClickExpand && hasChildren) {
+      handleIndicatorClick();
+    } else {
+      onNodeClick(data, id);
+    }
+  };
+  var handleNodeExpand = function handleNodeExpand() {
+    if (!doubleClickExpand) return;
+    if (hasChildren) handleIndicatorClick();
+  };
+  var renderLoading = function renderLoading() {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      className: contentStyle.iconWrapper,
+      "data-expanded": expanded,
+      "data-icon": hasExpandIcons,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_spin.default, {
+        name: "ring",
+        size: 12,
+        jssStyle: jssStyle
+      })
+    });
+  };
+  var renderIndicator = function renderIndicator() {
+    var children = data[childrenKey];
+    var icon = expandIcons ? expandIcons[expanded ? 1 : 0] : expanded ? _icons.default.TreeMinus : _icons.default.TreePlus;
+    var indicator;
+    if (line) {
+      indicator = /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        // style={{ position: 'absolute', left: 16, top: 6 }}
+        className: contentStyle.iconWrapper,
+        "data-expanded": expanded,
+        "data-icon": hasExpandIcons,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          className: (0, _classnames.default)(contentStyle.icon, iconClass),
+          onClick: handleIndicatorClick,
+          children: _hooks.util.isFunc(icon) ? icon(data) : icon
+        })
+      });
+    } else {
+      indicator = /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        className: contentStyle.iconWrapper,
+        "data-expanded": expanded,
+        "data-icon": hasExpandIcons,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          className: (0, _classnames.default)(contentStyle.icon, iconClass),
+          onClick: handleIndicatorClick,
+          children: _hooks.util.isFunc(icon) ? icon(data) : hasExpandIcons ? icon : _icons.default.TreeArrow
+        })
+      });
+    }
+    if (children && children.length > 0) return indicator;
+    if (Array.isArray(children) || children === null) return null;
+    if (fetching && !children) return renderLoading();
+    if (loader && !fetching) return indicator;
+    return null;
+  };
+  var renderCheckbox = function renderCheckbox() {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_treeCheckbox.default, {
+      jssStyle: jssStyle,
+      id: id,
+      disabled: disabled,
+      className: contentStyle.checkbox,
+      onChange: onChange
+    });
+  };
+  var renderNode = function renderNode() {
+    var render = _hooks.util.isFunc(renderItem) ? renderItem : function (item) {
+      return item[renderItem];
+    };
+    return render(data, expanded, active, id);
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: rootClass,
+    onDragOver: onDragOver,
+    children: [renderIndicator(), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", _objectSpread(_objectSpread({
+      ref: bindContent,
+      className: contentClass
+    }, contentDataProps()), {}, {
+      children: [onChange && renderCheckbox(), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: textClass,
+        onClick: handleNodeClick,
+        onDoubleClick: handleNodeExpand,
+        children: renderNode()
+      })]
+    }))]
+  });
+};
+var _default = NodeContent;
+exports.default = _default;

package/esm/tree/tree-content.type.d.ts

@@ -0,0 +1,35 @@
+/// <reference types="react" />
+import { BaseTreeProps, KeygenResult, UpdateFunc } from '@sheinx/hooks';
+import { JsstyleType, TreeRenderItemType } from './tree.type';
+export interface TreeContextProps<DataItem> extends Omit<BaseTreeProps<DataItem>, 'data' | 'childrenKey' | 'expanded' | 'active'> {
+    jssStyle: JsstyleType;
+    id: KeygenResult;
+    parentClickExpand?: boolean;
+    doubleClickExpand?: boolean;
+    data: DataItem;
+    line: boolean;
+    active: boolean;
+    expanded: boolean;
+    iconClass?: string;
+    leafClass?: string;
+    expandIcons?: (React.ReactNode | ((d: DataItem) => React.ReactNode))[];
+    childrenKey: keyof DataItem;
+    renderItem: TreeRenderItemType<DataItem>;
+    childrenClass?: ((data: DataItem) => string) | string;
+    bindNode: (id: KeygenResult, update: UpdateFunc) => {
+        expanded: boolean;
+        active: boolean;
+    };
+    bindContent: React.RefObject<HTMLDivElement>;
+    fetching: boolean;
+    inlineNode?: boolean;
+    highlight?: boolean;
+    loader?: (key: KeygenResult, data: DataItem) => void;
+    setFetching: (value: boolean) => void;
+    onToggle: () => void;
+    onFetch: () => void;
+    onDragOver: (e: React.DragEvent) => void;
+    onNodeClick: (data: DataItem, id: KeygenResult) => void;
+    onChange?: (value: KeygenResult[]) => void;
+}
+//# sourceMappingURL=tree-content.type.d.ts.map

package/esm/tree/tree-content.type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tree-content.type.d.ts","sourceRoot":"","sources":["tree-content.type.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AACxE,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAE9D,MAAM,WAAW,gBAAgB,CAAC,QAAQ,CACxC,SAAQ,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,EAAE,MAAM,GAAG,aAAa,GAAG,UAAU,GAAG,QAAQ,CAAC;IACrF,QAAQ,EAAE,WAAW,CAAC;IACtB,EAAE,EAAE,YAAY,CAAC;IACjB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,IAAI,EAAE,QAAQ,CAAC;IACf,IAAI,EAAE,OAAO,CAAC;IACd,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,CAAC,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,CAAC,EAAE,QAAQ,KAAK,KAAK,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC;IACvE,WAAW,EAAE,MAAM,QAAQ,CAAC;IAC5B,UAAU,EAAE,kBAAkB,CAAC,QAAQ,CAAC,CAAC;IACzC,aAAa,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,QAAQ,KAAK,MAAM,CAAC,GAAG,MAAM,CAAC;IACtD,QAAQ,EAAE,CAAC,EAAE,EAAE,YAAY,EAAE,MAAM,EAAE,UAAU,KAAK;QAAE,QAAQ,EAAE,OAAO,CAAC;QAAC,MAAM,EAAE,OAAO,CAAA;KAAE,CAAC;IAC3F,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC7C,QAAQ,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;IACrD,WAAW,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,SAAS,KAAK,IAAI,CAAC;IACzC,WAAW,EAAE,CAAC,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE,YAAY,KAAK,IAAI,CAAC;IACxD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,EAAE,KAAK,IAAI,CAAC;CAC5C"}

package/esm/tree/tree-content.type.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/esm/tree/tree-context.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import { TreeContextProps, TreeProviderProps } from './tree-context.type';
+export declare const TreeContext: React.Context<TreeContextProps>;
+export declare const Provider: (props: TreeProviderProps) => JSX.Element;
+export declare const useTreeContext: () => TreeContextProps;
+//# sourceMappingURL=tree-context.d.ts.map

package/esm/tree/tree-context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tree-context.d.ts","sourceRoot":"","sources":["tree-context.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAE1E,eAAO,MAAM,WAAW,iCAAgE,CAAC;AAEzF,eAAO,MAAM,QAAQ,UAAW,iBAAiB,gBAGhD,CAAC;AAEF,eAAO,MAAM,cAAc,wBAAsC,CAAC"}

package/esm/tree/tree-context.js

@@ -0,0 +1,29 @@
+"use strict";
+
+require("core-js/modules/es.array.iterator.js");
+require("core-js/modules/es.weak-map.js");
+require("core-js/modules/web.dom-collections.iterator.js");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useTreeContext = exports.TreeContext = exports.Provider = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+var TreeContext = /*#__PURE__*/React.createContext({});
+exports.TreeContext = TreeContext;
+var Provider = function Provider(props) {
+  var children = props.children,
+    value = props.value;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(TreeContext.Provider, {
+    value: value,
+    children: children
+  });
+};
+exports.Provider = Provider;
+var useTreeContext = function useTreeContext() {
+  return React.useContext(TreeContext);
+};
+exports.useTreeContext = useTreeContext;

package/esm/tree/tree-context.type.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+import { KeygenResult } from '@sheinx/hooks';
+export declare type CheckedStatusType = 0 | 1 | 2;
+export interface TreeContextProps {
+    set: (id: KeygenResult, checked: CheckedStatusType) => void;
+    get: (id: KeygenResult) => CheckedStatusType | undefined;
+    getValue: () => KeygenResult[];
+    getActive: () => KeygenResult | undefined;
+    getChecked: (id: KeygenResult) => boolean | 'indeterminate';
+    getPath: (id: KeygenResult) => any;
+    isDisabled: (id: KeygenResult) => boolean;
+}
+export interface TreeProviderProps {
+    children: React.ReactNode;
+    value: TreeContextProps;
+}
+//# sourceMappingURL=tree-context.type.d.ts.map

package/esm/tree/tree-context.type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tree-context.type.d.ts","sourceRoot":"","sources":["tree-context.type.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAC7C,oBAAY,iBAAiB,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AAC1C,MAAM,WAAW,gBAAgB;IAC/B,GAAG,EAAE,CAAC,EAAE,EAAE,YAAY,EAAE,OAAO,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC5D,GAAG,EAAE,CAAC,EAAE,EAAE,YAAY,KAAK,iBAAiB,GAAG,SAAS,CAAC;IACzD,QAAQ,EAAE,MAAM,YAAY,EAAE,CAAC;IAC/B,SAAS,EAAE,MAAM,YAAY,GAAG,SAAS,CAAC;IAC1C,UAAU,EAAE,CAAC,EAAE,EAAE,YAAY,KAAK,OAAO,GAAG,eAAe,CAAC;IAC5D,OAAO,EAAE,CAAC,EAAE,EAAE,YAAY,KAAK,GAAG,CAAC;IACnC,UAAU,EAAE,CAAC,EAAE,EAAE,YAAY,KAAK,OAAO,CAAC;CAC3C;AAED,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,EAAE,gBAAgB,CAAC;CACzB"}

package/esm/tree/tree-context.type.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/esm/tree/tree-list.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { TreeListProps } from './tree-list.type';
+declare const List: <DataItem>(props: TreeListProps<DataItem>) => JSX.Element | null;
+export default List;
+//# sourceMappingURL=tree-list.d.ts.map

package/esm/tree/tree-list.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tree-list.d.ts","sourceRoot":"","sources":["tree-list.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEjD,QAAA,MAAM,IAAI,kEA8GT,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/esm/tree/tree-list.js

@@ -0,0 +1,121 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+require("core-js/modules/es.array.map.js");
+var _react = require("react");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _treeNode = _interopRequireDefault(require("./tree-node"));
+var _jsxRuntime = require("react/jsx-runtime");
+// import { util } from '@sheinx/hooks';
+
+var List = function List(props) {
+  var hasExpanded = (0, _react.useRef)(false);
+  var jssStyle = props.jssStyle,
+    className = props.className,
+    data = props.data,
+    mode = props.mode,
+    _props$id = props.id,
+    id = _props$id === void 0 ? '' : _props$id,
+    keygen = props.keygen,
+    expanded = props.expanded,
+    active = props.active,
+    line = props.line,
+    style = props.style,
+    onChange = props.onChange,
+    renderItem = props.renderItem,
+    iconClass = props.iconClass,
+    leafClass = props.leafClass,
+    nodeClass = props.nodeClass,
+    expandIcons = props.expandIcons,
+    childrenKey = props.childrenKey,
+    inlineNode = props.inlineNode,
+    highlight = props.highlight,
+    loader = props.loader,
+    onNodeClick = props.onNodeClick,
+    onToggle = props.onToggle,
+    onDrop = props.onDrop,
+    onDragEnd = props.onDragEnd,
+    onDragLeave = props.onDragLeave,
+    onDragOver = props.onDragOver,
+    onDragStart = props.onDragStart,
+    bindNode = props.bindNode,
+    dragImageSelector = props.dragImageSelector,
+    dragSibling = props.dragSibling,
+    dragHoverExpand = props.dragHoverExpand,
+    dragImageStyle = props.dragImageStyle,
+    childrenClass = props.childrenClass,
+    childrenClassName = props.childrenClassName,
+    parentClickExpand = props.parentClickExpand,
+    doubleClickExpand = props.doubleClickExpand;
+  var listClass = (jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.tree()) || {};
+  var rootClass = (0, _classnames.default)(className || listClass.children, childrenClassName);
+  var getKey = function getKey(data, index) {
+    if (typeof keygen === 'function') return keygen(data, id);
+    if (keygen) return data[keygen];
+    return id + (id ? ',' : '') + index;
+  };
+  var empty = function empty(e) {
+    e.preventDefault();
+  };
+  var renderNode = function renderNode(node, index) {
+    var id = getKey(node, index);
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_treeNode.default, {
+      jssStyle: jssStyle,
+      id: id,
+      data: node,
+      mode: mode,
+      index: index,
+      line: line,
+      keygen: keygen,
+      listComponent: List,
+      active: active,
+      childrenClass: childrenClass,
+      childrenKey: childrenKey,
+      renderItem: renderItem,
+      iconClass: iconClass,
+      leafClass: leafClass,
+      nodeClass: nodeClass,
+      expandIcons: expandIcons,
+      bindNode: bindNode,
+      loader: loader,
+      inlineNode: inlineNode,
+      highlight: highlight,
+      dragImageSelector: dragImageSelector,
+      dragImageStyle: dragImageStyle,
+      dragSibling: dragSibling,
+      dragHoverExpand: dragHoverExpand,
+      parentClickExpand: parentClickExpand,
+      doubleClickExpand: doubleClickExpand,
+      onNodeClick: onNodeClick,
+      onToggle: onToggle,
+      onChange: onChange,
+      onDrop: onDrop,
+      onDragOver: onDragOver,
+      onDragStart: onDragStart,
+      onDragEnd: onDragEnd,
+      onDragLeave: onDragLeave
+    }, id);
+  };
+  if (!expanded && !hasExpanded.current) return null;
+  hasExpanded.current = true;
+
+  // if (!data || !util.isArray(data)) {
+  //   return null;
+  // }
+  var newStyle = Object.assign({}, style, {
+    display: expanded ? 'block' : 'none'
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    onDrop: empty,
+    onDragOver: empty,
+    style: newStyle,
+    className: rootClass,
+    children: data.map(renderNode)
+  });
+};
+var _default = List;
+exports.default = _default;