hc-busin-components 1.0.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,53 @@
+# hc-busin-components
+
+[![NPM version](https://img.shields.io/npm/v/hc-busin-components.svg?style=flat)](https://npmjs.org/package/hc-busin-components)
+[![NPM downloads](http://img.shields.io/npm/dm/hc-busin-components.svg?style=flat)](https://npmjs.org/package/hc-busin-components)
+
+A react library developed with dumi
+
+## Usage
+
+TODO
+
+## Options
+
+TODO
+
+## Development
+
+```bash
+# install dependencies
+$ yarn install
+
+# develop library by docs demo
+$ yarn start
+
+# build library source code
+$ yarn run build
+
+# build library source code in watch mode
+$ yarn run build:watch
+
+# build docs
+$ yarn run docs:build
+
+# Locally preview the production build.
+$ yarn run docs:preview
+
+# check your project for potential problems
+$ yarn run doctor
+```
+
+若文档开发报错 `Can't resolve './core/defineApp' in '.dumi/tmp'`，说明 Dumi 临时目录不完整。可先清理再生成：
+
+```bash
+rm -rf .dumi/tmp .dumi/tmp-production .dumi/tmp-test
+yarn dumi setup   # 或 npx dumi setup
+yarn start
+```
+
+（`yarn start` / `docs:build` 已会在执行前自动运行 `dumi setup`。）
+
+## LICENSE
+
+MIT

package/dist/Actions/index.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import './index.less';
+export interface ActionElementProps extends React.HTMLAttributes<HTMLSpanElement> {
+    onClick?: () => void;
+    disabled?: boolean;
+    children?: React.ReactNode;
+}
+export interface ActionsProps {
+    children: React.ReactNode[] | React.ReactNode;
+    /** 行内最多展示的按钮数量，超出部分收入「更多」 */
+    threshold?: number;
+}
+export interface LinkButtonProps extends React.HTMLAttributes<HTMLSpanElement> {
+    disabled?: boolean;
+    children?: React.ReactNode;
+    onClick?: () => void;
+}
+declare const LinkButton: React.FC<LinkButtonProps>;
+declare const Actions: React.FC<ActionsProps>;
+export { Actions, LinkButton };

package/dist/Actions/index.js

@@ -0,0 +1,142 @@
+var _excluded = ["disabled", "children", "onClick", "style"],
+  _excluded2 = ["onClick", "disabled", "children"],
+  _excluded3 = ["onClick", "disabled", "style", "children"],
+  _excluded4 = ["onClick", "disabled", "children"];
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import { MoreOutlined } from '@ant-design/icons';
+import { Divider, Dropdown, Space } from 'antd';
+import React, { useEffect, useState } from 'react';
+import "./index.less";
+var LinkButton = function LinkButton(_ref) {
+  var _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    linkChildren = _ref.children,
+    onClick = _ref.onClick,
+    style = _ref.style,
+    args = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement("span", _extends({
+    style: style,
+    className: disabled ? 'displayed-name' : 'name-link',
+    onClick: disabled ? undefined : onClick
+  }, args), linkChildren);
+};
+var Actions = function Actions(_ref2) {
+  var children = _ref2.children,
+    _ref2$threshold = _ref2.threshold,
+    threshold = _ref2$threshold === void 0 ? 3 : _ref2$threshold;
+  var _useState = useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    list = _useState2[0],
+    setList = _useState2[1];
+  useEffect(function () {
+    if (!children) {
+      setList([]);
+      return;
+    }
+    if (Array.isArray(children)) {
+      var lt = children.filter(function (item) {
+        return item !== null && typeof item !== 'boolean' && /*#__PURE__*/React.isValidElement(item);
+      });
+      setList(lt);
+    } else if ( /*#__PURE__*/React.isValidElement(children) && children.props.children) {
+      setList([children]);
+    } else {
+      setList([]);
+    }
+  }, [children]);
+  if (list.length <= threshold) {
+    return /*#__PURE__*/React.createElement(Space, {
+      align: "center",
+      style: {
+        gap: 0
+      },
+      split: /*#__PURE__*/React.createElement(Divider, {
+        type: "vertical"
+      })
+    }, list.map(function (item, index) {
+      var _item$props = item.props,
+        onClick = _item$props.onClick,
+        _item$props$disabled = _item$props.disabled,
+        disabled = _item$props$disabled === void 0 ? false : _item$props$disabled,
+        linkChildren = _item$props.children,
+        rest = _objectWithoutProperties(_item$props, _excluded2);
+      return /*#__PURE__*/React.createElement(LinkButton, _extends({
+        key: index,
+        onClick: onClick,
+        disabled: disabled
+      }, rest), linkChildren);
+    }));
+  }
+  var l1 = list.slice(0, threshold);
+  var l2 = list.slice(threshold);
+  var items = l2.map(function (item, index) {
+    var _item$props2 = item.props,
+      onClick = _item$props2.onClick,
+      _item$props2$disabled = _item$props2.disabled,
+      disabled = _item$props2$disabled === void 0 ? false : _item$props2$disabled,
+      style = _item$props2.style,
+      labelChildren = _item$props2.children,
+      rest = _objectWithoutProperties(_item$props2, _excluded3);
+    void onClick;
+    return {
+      key: String(index),
+      disabled: disabled,
+      label: /*#__PURE__*/React.createElement("span", _extends({
+        className: disabled ? 'displayed-name' : '',
+        style: style
+      }, rest), labelChildren)
+    };
+  });
+  var onMenuClick = function onMenuClick(_ref3) {
+    var key = _ref3.key,
+      domEvent = _ref3.domEvent;
+    domEvent === null || domEvent === void 0 || domEvent.stopPropagation();
+    var idx = Number(key);
+    var item = l2[idx];
+    if (item && !item.props.disabled) {
+      var _item$props$onClick, _item$props3;
+      (_item$props$onClick = (_item$props3 = item.props).onClick) === null || _item$props$onClick === void 0 || _item$props$onClick.call(_item$props3);
+    }
+  };
+  return /*#__PURE__*/React.createElement(Space, {
+    align: "center",
+    style: {
+      gap: 0
+    },
+    split: /*#__PURE__*/React.createElement(Divider, {
+      type: "vertical"
+    })
+  }, l1.map(function (item, index) {
+    var _item$props4 = item.props,
+      onClick = _item$props4.onClick,
+      _item$props4$disabled = _item$props4.disabled,
+      disabled = _item$props4$disabled === void 0 ? false : _item$props4$disabled,
+      linkChildren = _item$props4.children,
+      rest = _objectWithoutProperties(_item$props4, _excluded4);
+    return /*#__PURE__*/React.createElement(LinkButton, _extends({
+      key: index,
+      onClick: onClick,
+      disabled: disabled
+    }, rest), linkChildren);
+  }), /*#__PURE__*/React.createElement(Dropdown, {
+    trigger: ['click'],
+    menu: {
+      items: items,
+      onClick: onMenuClick
+    }
+  }, /*#__PURE__*/React.createElement(MoreOutlined, {
+    style: {
+      fontSize: 12,
+      cursor: 'pointer'
+    }
+  })));
+};
+export { Actions, LinkButton };

package/dist/Actions/index.less

@@ -0,0 +1,9 @@
+.name-link {
+  color: var(--ant-color-link);
+  cursor: pointer;
+}
+
+.displayed-name {
+  color: var(--ant-color-text-disabled);
+  cursor: not-allowed;
+}

package/dist/AuthComponents/authDivider.d.ts

@@ -0,0 +1,15 @@
+import { ButtonProps } from 'antd';
+import React from 'react';
+interface AuthType {
+    accType: string;
+    createor?: boolean;
+    statusDisabled?: boolean;
+    adminOperation?: boolean;
+    oner?: boolean;
+    gap?: boolean;
+    tip?: string;
+    haveAuth?: boolean;
+}
+type Props = ButtonProps & AuthType;
+declare const AuthDividerButton: (props: Props) => React.JSX.Element;
+export default AuthDividerButton;

package/dist/AuthComponents/authDivider.js

@@ -0,0 +1,104 @@
+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); }
+var _excluded = ["haveAuth", "accType", "tip", "statusDisabled", "createor", "oner", "adminOperation", "gap"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+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); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import { Button, Divider, Space } from 'antd';
+import DisPlayButton from "../DisplayButton";
+import React from 'react';
+var AuthDividerButton = function AuthDividerButton(props) {
+  var haveAuth = props.haveAuth,
+    accType = props.accType,
+    tip = props.tip,
+    statusDisabled = props.statusDisabled,
+    createor = props.createor,
+    oner = props.oner,
+    _props$adminOperation = props.adminOperation,
+    adminOperation = _props$adminOperation === void 0 ? true : _props$adminOperation,
+    _props$gap = props.gap,
+    gap = _props$gap === void 0 ? true : _props$gap,
+    btnProps = _objectWithoutProperties(props, _excluded);
+  var inStyles = _objectSpread({
+    padding: 0,
+    fontSize: '12px'
+  }, btnProps.style);
+  if (haveAuth) {
+    if (statusDisabled) {
+      return /*#__PURE__*/React.createElement(Space, {
+        align: "center",
+        size: [0, 0]
+      }, /*#__PURE__*/React.createElement(DisPlayButton, {
+        text: btnProps.children,
+        style: inStyles,
+        tip: "\u5F53\u524D\u72B6\u6001\u4E0D\u53EF\u64CD\u4F5C"
+      }), gap ? /*#__PURE__*/React.createElement(Divider, {
+        type: "vertical"
+      }) : null);
+    }
+    if (adminOperation) {
+      return /*#__PURE__*/React.createElement(Space, {
+        align: "center",
+        size: [0, 0]
+      }, /*#__PURE__*/React.createElement(Button, _extends({
+        type: "link",
+        size: "small"
+      }, btnProps, {
+        style: inStyles
+      }), btnProps.children), gap ? /*#__PURE__*/React.createElement(Divider, {
+        type: "vertical"
+      }) : null);
+    }
+    if (oner) {
+      return /*#__PURE__*/React.createElement(Space, {
+        align: "center",
+        size: [0, 0]
+      }, /*#__PURE__*/React.createElement(Button, _extends({
+        size: "small",
+        type: "link"
+      }, btnProps, {
+        style: inStyles
+      }), btnProps.children), gap ? /*#__PURE__*/React.createElement(Divider, {
+        type: "vertical"
+      }) : null);
+    }
+    if (createor) {
+      return /*#__PURE__*/React.createElement(Space, {
+        align: "center",
+        size: [0, 0]
+      }, /*#__PURE__*/React.createElement(Button, _extends({
+        type: "link",
+        size: "small"
+      }, btnProps, {
+        style: inStyles
+      }), btnProps.children), gap ? /*#__PURE__*/React.createElement(Divider, {
+        type: "vertical"
+      }) : null);
+    }
+    return /*#__PURE__*/React.createElement(Space, {
+      align: "center",
+      size: [0, 0]
+    }, /*#__PURE__*/React.createElement(DisPlayButton, {
+      text: btnProps.children,
+      style: inStyles,
+      tip: tip ? tip : "只有创建者和组织管理员可以操作"
+    }), gap ? /*#__PURE__*/React.createElement(Divider, {
+      type: "vertical"
+    }) : null);
+  }
+  return /*#__PURE__*/React.createElement(Space, {
+    align: "center",
+    size: [0, 0]
+  }, /*#__PURE__*/React.createElement(DisPlayButton, {
+    text: btnProps.children,
+    style: inStyles,
+    tip: "\u5F53\u524D\u7528\u6237\u65E0\u6743\u9650\uFF0C\u8BF7\u8054\u7CFB\u7BA1\u7406\u5458\u6DFB\u52A0\u6743\u9650"
+  }), gap ? /*#__PURE__*/React.createElement(Divider, {
+    type: "vertical"
+  }) : null);
+};
+export default AuthDividerButton;

package/dist/AuthComponents/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export type HOC = <P extends {}>(Components: React.ComponentType<P>, componentType: any, haveAuth?: boolean) => (props: P) => JSX.Element | null;
+declare const AuthComponent: HOC;
+export default AuthComponent;

package/dist/AuthComponents/index.js

@@ -0,0 +1,14 @@
+import React from 'react';
+var AuthComponent = function AuthComponent(Components, componentType, haveAuth) {
+  return function (props) {
+    try {
+      if (haveAuth) {
+        return /*#__PURE__*/React.createElement(Components, props);
+      }
+      return null;
+    } catch (_unused) {
+      return null;
+    }
+  };
+};
+export default AuthComponent;

package/dist/BasicFilesRead/index.d.ts

@@ -0,0 +1,31 @@
+import React from 'react';
+interface Props {
+    data: any[];
+    onClickPath: (path: string, allpath: any[]) => void;
+    fieldNames: string[];
+    fieldVisible?: {
+        dataIndex: string;
+        visibleKey: string;
+        visibleValue: any;
+    }[];
+    loading?: boolean;
+    multiple?: boolean;
+    tools?: {
+        multiple: boolean;
+        DOM: React.ReactNode;
+    }[];
+    operations: {
+        key: string;
+        title: string;
+        displayKey?: string;
+        displayValue?: any;
+        type?: 'danger' | 'link' | undefined;
+        dangerTip?: string;
+        showKey?: string;
+        render?: (record: any, allPath?: string[], isFileTools?: boolean) => React.ReactNode;
+        onClick?: (record: any, allPath?: string[]) => void;
+    }[];
+    customColumnsRender?: any;
+}
+declare const FileRead: React.ForwardRefExoticComponent<Props & React.RefAttributes<unknown>>;
+export default FileRead;