@sheinx/base 3.6.0-beta.18 → 3.6.0-beta.19

package/cjs/tree/tree-virtual-content.js

@@ -1,202 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = require("react");
-var _classnames = _interopRequireDefault(require("classnames"));
-var _hooks = require("@sheinx/hooks");
-var _treeCheckbox = _interopRequireDefault(require("./tree-checkbox"));
-var _treeContext = require("./tree-context");
-var _icons = _interopRequireDefault(require("../icons"));
-var _spin = _interopRequireDefault(require("../spin"));
-var _config = require("../config");
-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); }
-var NodeVirtualContent = function NodeVirtualContent(props) {
-  var jssStyle = props.jssStyle,
-    id = props.id,
-    level = props.level,
-    active = props.active,
-    data = props.data,
-    line = props.line,
-    iconClass = props.iconClass,
-    contentClassProp = props.contentClass,
-    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,
-    onNodeClick = props.onNodeClick;
-  var forceUpdate = (0, _hooks.useRender)();
-  var _useTreeContext = (0, _treeContext.useTreeContext)(),
-    isDisabled = _useTreeContext.isDisabled,
-    bindUpdate = _useTreeContext.bindUpdate;
-  var clickLock = (0, _react.useRef)(false);
-  var config = (0, _config.useConfig)();
-  var disabled = isDisabled(id);
-  bindUpdate(id, forceUpdate);
-  var contentStyle = (jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.tree()) || {};
-  var rootClass = (0, _classnames.default)(contentStyle.contentWrapper, _defineProperty(_defineProperty(_defineProperty({}, contentStyle.childnode, data[childrenKey] && data[childrenKey].length > 0), contentStyle.inlineContent, inlineNode), contentStyle.contentDisabled, disabled));
-  var contentClass = (0, _classnames.default)(contentStyle.content, _hooks.util.isString(contentClassProp) && contentClassProp, _hooks.util.isFunc(contentClassProp) && contentClassProp(data));
-  // const textClass = classNames(contentStyle.text, disabled ? contentStyle.textDisabled : '');
-  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;
-    }
-    // if (disabled) {
-    //   dataProps['data-disabled'] = disabled;
-    // }
-    return dataProps;
-  };
-  var handleIndicatorClick = function handleIndicatorClick() {
-    onToggle === null || onToggle === void 0 || onToggle(id);
-    if (data[childrenKey] !== undefined) return;
-    if (loader) {
-      setFetching(true);
-      var result = loader(id, data);
-      if (_hooks.util.isPromise(result)) {
-        result.then(function () {
-          setFetching(false);
-        });
-      }
-    }
-  };
-  var handleNodeClick = function handleNodeClick() {
-    if (parentClickExpand && hasChildren) {
-      if (clickLock.current) {
-        clickLock.current = false;
-        return;
-      }
-      handleIndicatorClick();
-    } else {
-      onNodeClick(data, id);
-    }
-  };
-  var handleClick = function handleClick() {
-    clickLock.current = true;
-  };
-  var handleNodeExpand = function handleNodeExpand() {
-    if (!doubleClickExpand) return;
-    if (hasChildren) handleIndicatorClick();
-  };
-  var renderLoading = function renderLoading() {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-      style: {
-        left: (level - 1) * 24
-      },
-      className: contentStyle.iconWrapper,
-      "data-expanded": expanded,
-      "data-icon": hasExpandIcons,
-      dir: config.direction,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_spin.default, {
-        size: 12,
-        jssStyle: jssStyle,
-        ignoreConfig: true,
-        name: "ring"
-      })
-    });
-  };
-  var renderIndicator = function renderIndicator() {
-    var children = data[childrenKey];
-    var icon = expandIcons ? expandIcons[expanded ? 1 : 0] : expanded ? _icons.default.tree.LineExpand : _icons.default.tree.LineCollapse;
-    var indicator;
-    if (line) {
-      indicator = /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-        className: contentStyle.iconWrapper,
-        "data-expanded": expanded,
-        "data-icon": hasExpandIcons,
-        dir: config.direction,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-          className: (0, _classnames.default)(contentStyle.icon, iconClass),
-          onClick: handleIndicatorClick,
-          dir: config.direction,
-          children: _hooks.util.isFunc(icon) ? icon(data) : icon
-        })
-      });
-    } else {
-      indicator = /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-        style: {
-          left: (level - 1) * 24
-        },
-        className: contentStyle.iconWrapper,
-        "data-expanded": expanded,
-        "data-icon": hasExpandIcons,
-        dir: config.direction,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-          className: (0, _classnames.default)(contentStyle.icon, iconClass),
-          onClick: handleIndicatorClick,
-          dir: config.direction,
-          children: _hooks.util.isFunc(icon) ? icon(data) : hasExpandIcons ? icon : _icons.default.tree.Expand
-        })
-      });
-    }
-    if (children && children.length > 0) return indicator;
-    if (Array.isArray(children) || children === null) return null;
-    if (fetching && !children) return renderLoading();
-    if (loader && children === undefined) 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,
-      onClick: handleClick
-    });
-  };
-  var renderNode = function renderNode() {
-    var render = _hooks.util.isFunc(renderItem) ? renderItem : function (item) {
-      return item[renderItem];
-    };
-    return render(data, expanded, active, id);
-  };
-  var contentEvent = {
-    onClick: inlineNode ? undefined : handleNodeClick
-  };
-  var textEvent = {
-    onClick: inlineNode ? handleNodeClick : undefined
-  };
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-    className: rootClass,
-    dir: config.direction,
-    children: [renderIndicator(), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", _objectSpread(_objectSpread(_objectSpread({
-      dir: config.direction,
-      "data-expanded": expanded,
-      ref: bindContent,
-      className: contentClass
-    }, contentDataProps()), contentEvent), {}, {
-      children: [onChange && renderCheckbox(), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({
-        dir: config.direction,
-        className: textClass,
-        onDoubleClick: handleNodeExpand
-      }, textEvent), {}, {
-        children: renderNode()
-      }))]
-    }))]
-  });
-};
-var _default = exports.default = NodeVirtualContent;

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

@@ -1,5 +0,0 @@
-import { KeygenResult } from '@sheinx/hooks';
-import { TreeVirtualContextProps } from './tree-content.type';
-declare const NodeVirtualContent: <DataItem, Value extends KeygenResult[]>(props: TreeVirtualContextProps<DataItem, Value>) => import("react/jsx-runtime").JSX.Element;
-export default NodeVirtualContent;
-//# sourceMappingURL=tree-virtual-content.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"tree-virtual-content.d.ts","sourceRoot":"","sources":["tree-virtual-content.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAmB,MAAM,eAAe,CAAC;AAE9D,OAAO,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AAO9D,QAAA,MAAM,kBAAkB,sIA6NvB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

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

@@ -1,196 +0,0 @@
-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); }
-import { useRef } from 'react';
-import classNames from 'classnames';
-import { util, useRender } from '@sheinx/hooks';
-import Checkbox from "./tree-checkbox";
-import { useTreeContext } from "./tree-context";
-import Icons from "../icons";
-import Spin from "../spin";
-import { useConfig } from "../config";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-var NodeVirtualContent = function NodeVirtualContent(props) {
-  var jssStyle = props.jssStyle,
-    id = props.id,
-    level = props.level,
-    active = props.active,
-    data = props.data,
-    line = props.line,
-    iconClass = props.iconClass,
-    contentClassProp = props.contentClass,
-    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,
-    onNodeClick = props.onNodeClick;
-  var forceUpdate = useRender();
-  var _useTreeContext = useTreeContext(),
-    isDisabled = _useTreeContext.isDisabled,
-    bindUpdate = _useTreeContext.bindUpdate;
-  var clickLock = useRef(false);
-  var config = useConfig();
-  var disabled = isDisabled(id);
-  bindUpdate(id, forceUpdate);
-  var contentStyle = (jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.tree()) || {};
-  var rootClass = classNames(contentStyle.contentWrapper, _defineProperty(_defineProperty(_defineProperty({}, contentStyle.childnode, data[childrenKey] && data[childrenKey].length > 0), contentStyle.inlineContent, inlineNode), contentStyle.contentDisabled, disabled));
-  var contentClass = classNames(contentStyle.content, util.isString(contentClassProp) && contentClassProp, util.isFunc(contentClassProp) && contentClassProp(data));
-  // const textClass = classNames(contentStyle.text, disabled ? contentStyle.textDisabled : '');
-  var textClass = classNames(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;
-    }
-    // if (disabled) {
-    //   dataProps['data-disabled'] = disabled;
-    // }
-    return dataProps;
-  };
-  var handleIndicatorClick = function handleIndicatorClick() {
-    onToggle === null || onToggle === void 0 || onToggle(id);
-    if (data[childrenKey] !== undefined) return;
-    if (loader) {
-      setFetching(true);
-      var result = loader(id, data);
-      if (util.isPromise(result)) {
-        result.then(function () {
-          setFetching(false);
-        });
-      }
-    }
-  };
-  var handleNodeClick = function handleNodeClick() {
-    if (parentClickExpand && hasChildren) {
-      if (clickLock.current) {
-        clickLock.current = false;
-        return;
-      }
-      handleIndicatorClick();
-    } else {
-      onNodeClick(data, id);
-    }
-  };
-  var handleClick = function handleClick() {
-    clickLock.current = true;
-  };
-  var handleNodeExpand = function handleNodeExpand() {
-    if (!doubleClickExpand) return;
-    if (hasChildren) handleIndicatorClick();
-  };
-  var renderLoading = function renderLoading() {
-    return /*#__PURE__*/_jsx("span", {
-      style: {
-        left: (level - 1) * 24
-      },
-      className: contentStyle.iconWrapper,
-      "data-expanded": expanded,
-      "data-icon": hasExpandIcons,
-      dir: config.direction,
-      children: /*#__PURE__*/_jsx(Spin, {
-        size: 12,
-        jssStyle: jssStyle,
-        ignoreConfig: true,
-        name: "ring"
-      })
-    });
-  };
-  var renderIndicator = function renderIndicator() {
-    var children = data[childrenKey];
-    var icon = expandIcons ? expandIcons[expanded ? 1 : 0] : expanded ? Icons.tree.LineExpand : Icons.tree.LineCollapse;
-    var indicator;
-    if (line) {
-      indicator = /*#__PURE__*/_jsx("span", {
-        className: contentStyle.iconWrapper,
-        "data-expanded": expanded,
-        "data-icon": hasExpandIcons,
-        dir: config.direction,
-        children: /*#__PURE__*/_jsx("span", {
-          className: classNames(contentStyle.icon, iconClass),
-          onClick: handleIndicatorClick,
-          dir: config.direction,
-          children: util.isFunc(icon) ? icon(data) : icon
-        })
-      });
-    } else {
-      indicator = /*#__PURE__*/_jsx("span", {
-        style: {
-          left: (level - 1) * 24
-        },
-        className: contentStyle.iconWrapper,
-        "data-expanded": expanded,
-        "data-icon": hasExpandIcons,
-        dir: config.direction,
-        children: /*#__PURE__*/_jsx("span", {
-          className: classNames(contentStyle.icon, iconClass),
-          onClick: handleIndicatorClick,
-          dir: config.direction,
-          children: util.isFunc(icon) ? icon(data) : hasExpandIcons ? icon : Icons.tree.Expand
-        })
-      });
-    }
-    if (children && children.length > 0) return indicator;
-    if (Array.isArray(children) || children === null) return null;
-    if (fetching && !children) return renderLoading();
-    if (loader && children === undefined) return indicator;
-    return null;
-  };
-  var renderCheckbox = function renderCheckbox() {
-    return /*#__PURE__*/_jsx(Checkbox, {
-      jssStyle: jssStyle,
-      id: id,
-      disabled: disabled,
-      className: contentStyle.checkbox,
-      onChange: onChange,
-      onClick: handleClick
-    });
-  };
-  var renderNode = function renderNode() {
-    var render = util.isFunc(renderItem) ? renderItem : function (item) {
-      return item[renderItem];
-    };
-    return render(data, expanded, active, id);
-  };
-  var contentEvent = {
-    onClick: inlineNode ? undefined : handleNodeClick
-  };
-  var textEvent = {
-    onClick: inlineNode ? handleNodeClick : undefined
-  };
-  return /*#__PURE__*/_jsxs("div", {
-    className: rootClass,
-    dir: config.direction,
-    children: [renderIndicator(), /*#__PURE__*/_jsxs("div", _objectSpread(_objectSpread(_objectSpread({
-      dir: config.direction,
-      "data-expanded": expanded,
-      ref: bindContent,
-      className: contentClass
-    }, contentDataProps()), contentEvent), {}, {
-      children: [onChange && renderCheckbox(), /*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({
-        dir: config.direction,
-        className: textClass,
-        onDoubleClick: handleNodeExpand
-      }, textEvent), {}, {
-        children: renderNode()
-      }))]
-    }))]
-  });
-};
-export default NodeVirtualContent;