@sooloer/pages 0.0.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) menghan.zhu@outlook.com
+
+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,40 @@
+# @sooloer/pages
+
+[![NPM version](https://img.shields.io/npm/v/@sooloer/pages.svg?style=flat)](https://npmjs.org/package/@sooloer/pages)
+[![NPM downloads](http://img.shields.io/npm/dm/@sooloer/pages.svg?style=flat)](https://npmjs.org/package/@sooloer/pages)
+
+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
+
+# check your project for potential problems
+$ yarn run doctor
+```
+
+## LICENSE
+
+MIT

package/dist/button-group/demo/authcode.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: () => React.JSX.Element;
+export default _default;

package/dist/button-group/demo/authcode.js

@@ -0,0 +1,78 @@
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread 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 _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+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; }
+import { ProButton } from "../..";
+import React from 'react';
+export default (function () {
+  var RESOURCE_CODES = ['test-001', 'test-03', 'test-04'];
+  var BUTTONS = {
+    ADD: {
+      code: 'test-01',
+      button: {
+        buttonProps: {
+          type: 'primary',
+          onClick: function onClick() {
+            console.log('新增');
+          }
+        },
+        fixed: true,
+        text: '新增'
+      }
+    },
+    EDIT: {
+      code: 'test-02',
+      button: {
+        buttonProps: {
+          type: 'primary',
+          onClick: function onClick() {
+            console.log('修改');
+          }
+        },
+        fixed: true,
+        text: '修改'
+      }
+    },
+    DELETE: {
+      code: 'test-03',
+      button: {
+        buttonProps: {
+          type: 'danger',
+          onClick: function onClick() {
+            console.log('删除');
+          }
+        },
+        fixed: true,
+        text: '删除'
+      }
+    },
+    UPLOAD: {
+      code: 'test-04',
+      button: {
+        buttonProps: {
+          onClick: function onClick() {
+            console.log('上传');
+          }
+        },
+        fixed: true,
+        text: '上传'
+      }
+    }
+  };
+  var buttonRender = function buttonRender() {
+    return Object.keys(BUTTONS)
+    // @ts-ignore
+    .map(function (key) {
+      return BUTTONS[key];
+    }).filter(function (item) {
+      return RESOURCE_CODES.includes(item.code);
+    }).map(function (item) {
+      return item.button;
+    });
+  };
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ProButton, {
+    buttons: _toConsumableArray(buttonRender())
+  }));
+});

package/dist/button-group/demo/basic.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: () => React.JSX.Element;
+export default _default;

package/dist/button-group/demo/basic.js

@@ -0,0 +1,67 @@
+import { ProButton } from "../..";
+import React from 'react';
+export default (function () {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ProButton, {
+    buttons: [{
+      buttonProps: {
+        onClick: function onClick() {
+          console.log('上传');
+        }
+      },
+      fixed: true,
+      text: '上传'
+    }, {
+      buttonProps: {
+        type: 'primary',
+        onClick: function onClick() {
+          console.log('修改');
+        }
+      },
+      fixed: true,
+      text: '修改'
+    }, {
+      buttonProps: {
+        type: 'primary',
+        danger: true,
+        onClick: function onClick() {
+          console.log('删除');
+        }
+      },
+      fixed: true,
+      text: '删除'
+    }]
+  }), /*#__PURE__*/React.createElement("div", {
+    style: {
+      marginTop: '24px'
+    }
+  }), /*#__PURE__*/React.createElement(ProButton, {
+    type: "link",
+    buttons: [{
+      buttonProps: {
+        onClick: function onClick() {
+          console.log('上传');
+        }
+      },
+      fixed: true,
+      text: '上传'
+    }, {
+      buttonProps: {
+        onClick: function onClick() {
+          console.log('修改');
+        }
+      },
+      fixed: true,
+      text: '修改'
+    }, {
+      buttonProps: {
+        type: 'text',
+        danger: true,
+        onClick: function onClick() {
+          console.log('删除');
+        }
+      },
+      fixed: true,
+      text: '删除'
+    }]
+  }));
+});

package/dist/button-group/demo/custom.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: () => React.JSX.Element;
+export default _default;

package/dist/button-group/demo/custom.js

@@ -0,0 +1,50 @@
+import { ProButton } from "../..";
+import React from 'react';
+export default (function () {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ProButton, {
+    buttons: [{
+      buttonProps: {
+        type: 'primary',
+        onClick: function onClick() {
+          console.log('修改');
+        }
+      },
+      fixed: true,
+      text: '修改'
+    }, {
+      fixed: true,
+      render: /*#__PURE__*/React.createElement("span", null, "\u81EA\u5B9A\u4E49\u6309\u94AE\u4E00")
+    }, {
+      fixed: true,
+      render: /*#__PURE__*/React.createElement("span", null, "\u81EA\u5B9A\u4E49\u6309\u94AE\u4E8C")
+    }, {
+      render: /*#__PURE__*/React.createElement("span", null, "\u81EA\u5B9A\u4E49\u6309\u94AE\u4E09")
+    }]
+  }), /*#__PURE__*/React.createElement("div", {
+    style: {
+      marginTop: '24px'
+    }
+  }), /*#__PURE__*/React.createElement(ProButton, {
+    type: "link",
+    buttons: [{
+      fixed: true,
+      text: '查看详情'
+    }, {
+      fixed: true,
+      render: /*#__PURE__*/React.createElement("span", null, "\u81EA\u5B9A\u4E49\u6309\u94AE\u4E00")
+    }, {
+      fixed: true,
+      render: /*#__PURE__*/React.createElement("span", {
+        onClick: function onClick() {
+          console.log('自定义按钮二');
+        }
+      }, "\u81EA\u5B9A\u4E49\u6309\u94AE\u4E8C")
+    }, {
+      render: /*#__PURE__*/React.createElement("span", {
+        onClick: function onClick() {
+          console.log('自定义按钮三');
+        }
+      }, "\u81EA\u5B9A\u4E49\u6309\u94AE\u4E09")
+    }]
+  }));
+});

package/dist/button-group/demo/link.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: () => React.JSX.Element;
+export default _default;

package/dist/button-group/demo/link.js

@@ -0,0 +1,65 @@
+import { ProButton } from "../..";
+import React from 'react';
+export default (function () {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ProButton, {
+    buttons: [{
+      buttonProps: {
+        type: 'primary',
+        onClick: function onClick() {
+          console.log('修改');
+        }
+      },
+      fixed: true,
+      text: '修改'
+    }, {
+      buttonProps: {
+        type: 'primary',
+        danger: true,
+        onClick: function onClick() {
+          console.log('删除');
+        }
+      },
+      fixed: true,
+      text: '删除'
+    }, {
+      buttonProps: {
+        onClick: function onClick() {
+          console.log('上传');
+        }
+      },
+      text: '上传'
+    }]
+  }), /*#__PURE__*/React.createElement("div", {
+    style: {
+      marginTop: '24px'
+    }
+  }), /*#__PURE__*/React.createElement(ProButton, {
+    type: "link",
+    buttons: [{
+      buttonProps: {
+        onClick: function onClick() {
+          console.log('修改');
+        }
+      },
+      fixed: true,
+      text: '修改'
+    }, {
+      buttonProps: {
+        type: 'text',
+        danger: true,
+        onClick: function onClick() {
+          console.log('删除');
+        }
+      },
+      fixed: true,
+      text: '删除'
+    }, {
+      buttonProps: {
+        onClick: function onClick() {
+          console.log('上传');
+        }
+      },
+      text: '上传'
+    }]
+  }));
+});

package/dist/button-group/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { ProButtonsProps } from './typing';
+declare const ProButton: React.FC<ProButtonsProps>;
+export default ProButton;

package/dist/button-group/index.js

@@ -0,0 +1,59 @@
+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); }
+import { EllipsisOutlined } from '@ant-design/icons';
+import { Button, ConfigProvider, Dropdown, Menu, Space } from 'antd';
+import React, { useContext, useMemo } from 'react';
+import Style from "./style";
+var ProButton = function ProButton(props) {
+  var type = props.type,
+    _props$buttons = props.buttons,
+    buttons = _props$buttons === void 0 ? [] : _props$buttons;
+  var context = useContext(ConfigProvider.ConfigContext);
+  var _useMemo = useMemo(function () {
+      var fixeds = [];
+      var mores = [];
+      buttons.forEach(function (item) {
+        if (item !== null && item !== void 0 && item.fixed) {
+          fixeds.push(item);
+        } else {
+          mores.push(item);
+        }
+      });
+      return {
+        fixedSource: [].concat(fixeds),
+        moreSource: [].concat(mores)
+      };
+    }, [buttons]),
+    fixedSource = _useMemo.fixedSource,
+    moreSource = _useMemo.moreSource;
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Style, {
+    prefix: context.getPrefixCls()
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "sooloer-button-group"
+  }, /*#__PURE__*/React.createElement(Space, {
+    size: 8
+  }, fixedSource.map(function (button, index) {
+    var _button$render;
+    return (_button$render = button.render) !== null && _button$render !== void 0 ? _button$render : /*#__PURE__*/React.createElement(Button, _extends({
+      key: index,
+      type: type || 'default'
+    }, button.buttonProps), button === null || button === void 0 ? void 0 : button.text);
+  }), moreSource.length > 0 && /*#__PURE__*/React.createElement(Dropdown, {
+    overlay: /*#__PURE__*/React.createElement(Menu, null, moreSource.map(function (button, index) {
+      var _button$render2;
+      return /*#__PURE__*/React.createElement(Menu.Item, {
+        key: index
+      }, (_button$render2 = button.render) !== null && _button$render2 !== void 0 ? _button$render2 : /*#__PURE__*/React.createElement(Button, _extends({
+        key: index
+      }, button.buttonProps, {
+        type: "link"
+      }), button === null || button === void 0 ? void 0 : button.text));
+    })),
+    placement: "bottom",
+    overlayClassName: "sooloer-button-group__dropdown"
+  }, /*#__PURE__*/React.createElement(Button, {
+    className: "sooloer-button-group-ellipsis",
+    type: type || 'default',
+    size: type === 'link' ? 'small' : 'middle'
+  }, /*#__PURE__*/React.createElement(EllipsisOutlined, null))))));
+};
+export default ProButton;

package/dist/button-group/style.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+declare const Style: import("react").NamedExoticComponent<import("styled-components").ExecutionProps & {
+    prefix?: string | undefined;
+}>;
+export default Style;

package/dist/button-group/style.js

@@ -0,0 +1,11 @@
+import { createGlobalStyle } from 'styled-components';
+var Style = createGlobalStyle([".sooloer-button-group{display:inline-block;.ellipsis{cursor:pointer;}.", "-space-item{.", "-btn-link,.", "-btn-text{padding-left:0;padding-right:0;&:hover,&:active{background:transparent;}}}&__dropdown{.", "-dropdown-menu-title-content{min-width:80px;text-align:center;}button{width:100%;padding:0;height:auto;line-height:initial;background:0 0 !important;border-color:transparent !important;box-shadow:none !important;}}}"], function (props) {
+  return props.prefix;
+}, function (props) {
+  return props.prefix;
+}, function (props) {
+  return props.prefix;
+}, function (props) {
+  return props.prefix;
+});
+export default Style;

package/dist/button-group/typing.d.ts

@@ -0,0 +1,35 @@
+import type React from 'react';
+export type ProButtonItemProps = {
+    /**
+     * @description button 组件相关扩展属性
+     */
+    buttonProps?: Record<string, unknown>;
+    /**
+     * 是否固定展示
+     * @default: false
+     */
+    fixed?: boolean;
+    /**
+     *  button 按钮文案
+     */
+    text?: string;
+    /**
+     * 自定义按钮，buttonProps text 属性失效
+     */
+    render?: React.ReactNode;
+};
+export type ProButtonsProps = {
+    /**
+     * @description 按钮类型
+     * @default ''
+     */
+    type?: 'link' | '';
+    /**
+     * @description button 集合
+     */
+    buttons?: ProButtonItemProps[];
+    /**
+     * @description 定义主题
+     */
+    theme?: Record<string, unknown>;
+};

package/dist/button-group/typing.js

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

package/dist/filter/components/checkbox/index.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const ProCheckbox: (props: any) => React.JSX.Element;
+export default ProCheckbox;

package/dist/filter/components/checkbox/index.js

@@ -0,0 +1,32 @@
+import { Checkbox } from 'antd';
+import React from 'react';
+var ProCheckbox = function ProCheckbox(props) {
+  var onChange = props.onChange,
+    _props$options = props.options,
+    options = _props$options === void 0 ? [] : _props$options,
+    optionRender = props.optionRender;
+  var value = Array.isArray(props.value) ? props.value : [];
+  var handleChange = function handleChange(e) {
+    var checked = e.target.checked;
+    onChange === null || onChange === void 0 || onChange(checked ? options.map(function (item) {
+      return item.value;
+    }) : []);
+  };
+  var handleGroupChange = function handleGroupChange(checkedValues) {
+    onChange === null || onChange === void 0 || onChange(checkedValues);
+  };
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Checkbox, {
+    onChange: handleChange,
+    checked: value.length === options.length,
+    indeterminate: !!value.length && value.length !== options.length
+  }, "\u5168\u90E8"), /*#__PURE__*/React.createElement(Checkbox.Group, {
+    value: value,
+    onChange: handleGroupChange
+  }, options.map(function (item) {
+    return optionRender ? optionRender(item) : /*#__PURE__*/React.createElement(Checkbox, {
+      key: item.value,
+      value: item.value
+    }, item.label);
+  })));
+};
+export default ProCheckbox;

package/dist/filter/components/ellipsis-text/index.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+declare const EllipsisText: (props: {
+    content?: React.ReactNode;
+    width: number;
+}) => React.JSX.Element;
+export default EllipsisText;

package/dist/filter/components/ellipsis-text/index.js

@@ -0,0 +1,78 @@
+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; }
+import { Tooltip } from 'antd';
+import classnames from 'classnames';
+import React, { useEffect, useRef, useState } from 'react';
+import styled from 'styled-components';
+var StyledWrapper = styled.div.withConfig({
+  displayName: "StyledWrapper",
+  componentId: "pages-6b5d__sc-1hxw96s-0"
+})(["position:relative;display:block;box-sizing:border-box;width:100%;color:inherit;font-size:14px;.is-cursor{cursor:pointer;}"]);
+var StyledContent = styled.div.withConfig({
+  displayName: "StyledContent",
+  componentId: "pages-6b5d__sc-1hxw96s-1"
+})(["overflow:hidden;white-space:nowrap;text-overflow:ellipsis;"]);
+var StyledHiddenLabel = styled.div.withConfig({
+  displayName: "StyledHiddenLabel",
+  componentId: "pages-6b5d__sc-1hxw96s-2"
+})(["position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;visibility:hidden;opacity:0;.label-ellipsis__hidden-inner{display:inline-block;}"]);
+var EllipsisText = function EllipsisText(props) {
+  var content = props.content,
+    width = props.width;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    visible = _useState2[0],
+    setVisible = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    hasEllipsis = _useState4[0],
+    setEllipsis = _useState4[1];
+  var hiddenTextRef = useRef(null);
+  useEffect(function () {
+    setTimeout(function () {
+      if (content) {
+        var _ref = hiddenTextRef.current || {
+            clientWidth: 0
+          },
+          clientWidth = _ref.clientWidth;
+        console.log('clientWidth', clientWidth, width, clientWidth - width);
+        setEllipsis(clientWidth > width);
+      }
+    }, 0);
+  }, [content, width]);
+  var handleVisibleChange = function handleVisibleChange(visible) {
+    if (hasEllipsis) {
+      setVisible(visible);
+    }
+  };
+  return /*#__PURE__*/React.createElement(StyledWrapper, {
+    className: "label-ellipsis",
+    style: {
+      maxWidth: width
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "label-ellipsis__content"
+  }, /*#__PURE__*/React.createElement(Tooltip, {
+    arrowContent: true,
+    title: content,
+    open: visible,
+    onOpenChange: handleVisibleChange
+  }, /*#__PURE__*/React.createElement(StyledContent, {
+    className: classnames('is-ellipsis', {
+      'is-cursor': hasEllipsis
+    }),
+    style: {
+      width: hasEllipsis ? width : 'auto'
+    }
+  }, content))), /*#__PURE__*/React.createElement(StyledHiddenLabel, {
+    className: "label-ellipsis__hidden"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "label-ellipsis__hidden-inner",
+    ref: hiddenTextRef
+  }, content)));
+};
+export default EllipsisText;

package/dist/filter/components/field/index.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import type { ProFieldProps } from '../../typing';
+interface FProps extends ProFieldProps {
+    labelWidth: number;
+}
+declare const Field: React.FC<FProps>;
+export default Field;