@zgfe/business-lib 1.0.0-beta.1

package/es/multipleSelector/index.js

@@ -0,0 +1,109 @@
+var _excluded = ["label"];
+
+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) { _defineProperty(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; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+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; }
+
+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(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+import React, { useState } from 'react';
+import { Select } from 'antd';
+import { IconFont } from '..';
+import './index.less';
+import Tag from 'antd/es/tag';
+import Tooltip from 'antd/es/tooltip';
+var Option = Select.Option;
+
+var BizMultipleSelector = function BizMultipleSelector(props) {
+  var defaultValue = props.defaultValue,
+      value = props.value,
+      options = props.options,
+      _props$placeholder = props.placeholder,
+      placeholder = _props$placeholder === void 0 ? '请选择' : _props$placeholder,
+      onChange = props.onChange; // 是否是聚焦状态
+
+  var _useState = useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      focused = _useState2[0],
+      setFocused = _useState2[1]; // const [defaultData, setDefaultData] = useState<Array<string|number>>()
+  // useEffect(()=>{
+  //   let intoValue = defaultValue||value;
+  //   if(defaultData===intoValue) return;
+  //   setDefaultData(()=>intoValue)
+  // },[defaultValue,value])
+
+
+  var tagRender = function tagRender(props) {
+    var label = props.label,
+        res = _objectWithoutProperties(props, _excluded);
+
+    return /*#__PURE__*/React.createElement(Tooltip, {
+      title: label,
+      overlayClassName: "biz-tooltip"
+    }, /*#__PURE__*/React.createElement(Tag, _objectSpread({
+      className: "ant-select-selection-item",
+      closeIcon: /*#__PURE__*/React.createElement(IconFont, {
+        type: "icon-qingchu"
+      })
+    }, res), /*#__PURE__*/React.createElement("span", {
+      className: "ant-select-selection-item-content"
+    }, label)));
+  };
+
+  return /*#__PURE__*/React.createElement("div", {
+    className: "biz-multi-container ".concat(focused ? 'active' : '')
+  }, /*#__PURE__*/React.createElement(Select, {
+    mode: "multiple",
+    dropdownClassName: "biz-multi-select",
+    style: {
+      width: '100%'
+    },
+    placeholder: placeholder,
+    defaultValue: defaultValue,
+    menuItemSelectedIcon: null,
+    listHeight: 400,
+    onChange: onChange,
+    optionLabelProp: "label",
+    tagRender: tagRender,
+    onFocus: function onFocus() {
+      setFocused(true);
+    },
+    onBlur: function onBlur() {
+      setFocused(false);
+    },
+    notFoundContent: '暂无数据'
+  }, options.map(function (item, index) {
+    return /*#__PURE__*/React.createElement(Option, {
+      key: index.toString(36) + index,
+      value: item,
+      label: item
+    }, /*#__PURE__*/React.createElement(IconFont, {
+      className: "biz-icon-notcheck",
+      type: 'icon-a-Property1moren'
+    }), /*#__PURE__*/React.createElement(IconFont, {
+      className: "biz-icon-checked",
+      type: 'icon-a-Property1xuanzhong'
+    }), item);
+  })), /*#__PURE__*/React.createElement(IconFont, {
+    className: "biz-select-zhankai",
+    type: 'icon-xiangxia'
+  }));
+};
+
+export default BizMultipleSelector;

package/es/multipleSelector/index.less

@@ -0,0 +1,138 @@
+@import '../commonStyle/index.less';
+
+.biz-multi-container {
+  position: relative;
+  display: flex;
+  flex: 1;
+  align-items: center;
+  padding-left: 10px;
+  color: @fontColor;
+  background-color: #f6f6f6;
+  border-radius: @boxRadius;
+
+  .ant-select-selection-overflow-item {
+    &:not(:last-child) {
+      margin-right: 4px;
+    }
+  }
+  .ant-select-selection-item {
+    display: flex;
+    align-items: center;
+    height: 20px;
+    margin: 0;
+    padding: 0 6px;
+    background: transparent;
+    border: 1px solid #cacdd4;
+    border-radius: @boxRadius;
+
+    &:hover {
+      border-color: @themeColor;
+      .box-hover();
+
+      .ant-select-selection-item-remove,
+      .ant-tag-close-icon {
+        display: flex;
+        align-items: center;
+        margin-left: 7px;
+        font-size: 12px;
+        .anticon {
+          color: @themeColor;
+        }
+      }
+    }
+
+    .ant-select-selection-item-content {
+      max-width: 70px;
+      margin-right: 0;
+    }
+    .ant-select-selection-item-remove,
+    .ant-tag-close-icon {
+      display: none;
+    }
+  }
+
+  &:hover,
+  &.active {
+    .box-hover();
+
+    .biz-select-zhankai {
+      display: block;
+      color: @themeColor;
+    }
+  }
+
+  .ant-select:not(.ant-select-customize-input) .ant-select-selector {
+    background: transparent;
+    border: none;
+    cursor: pointer;
+  }
+
+  .ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input)
+    .ant-select-selector {
+    border: none;
+    box-shadow: none;
+  }
+
+  .ant-select-selector {
+    border: none;
+  }
+}
+
+.biz-multi-select {
+  &.ant-select-dropdown {
+    width: @dropdownWidth !important;
+    min-width: @dropdownWidth !important;
+    padding: @selectItem2Padding;
+    background: #ffffff;
+    border-radius: @specialRadius;
+    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
+  }
+
+  .ant-select-item {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    height: 48px;
+    padding: @dropdownItemPadding;
+    padding-left: 8px;
+    font-weight: 400;
+    border-radius: @specialRadius;
+
+    .biz-icon-notcheck {
+      color: #cacdd4;
+    }
+
+    .biz-icon-checked {
+      display: none;
+    }
+
+    .biz-icon-notcheck,
+    .biz-icon-checked {
+      margin-right: 8px;
+      font-size: @iconSize;
+    }
+  }
+
+  .ant-select-item-option-active:not(.ant-select-item-option-disabled) {
+    color: @hoverColor;
+    background-color: @hoverBgColor !important;
+
+    .biz-icon-notcheck {
+      color: @themeColor;
+    }
+  }
+
+  .ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
+    color: @hoverColor;
+    background-color: #ffffff;
+
+    .biz-icon-notcheck {
+      display: none;
+    }
+
+    .biz-icon-checked {
+      display: inline-block;
+      color: @themeColor;
+    }
+  }
+}

package/es/select/demo/index.d.ts

@@ -0,0 +1,2 @@
+declare const _default: () => JSX.Element;
+export default _default;

package/es/select/demo/index.js

@@ -0,0 +1,22 @@
+import React from 'react';
+import { BizSelect } from 'business-lib';
+var options = [{
+  label: 'test',
+  value: 'test'
+}, {
+  label: 'test2',
+  value: 'test2'
+}, {
+  label: 'test3',
+  value: 'test3'
+}];
+export default (function () {
+  var handleChange = function handleChange(value) {
+    console.log('select >>', value);
+  };
+
+  return /*#__PURE__*/React.createElement(BizSelect, {
+    options: options,
+    onChange: handleChange
+  });
+});

package/es/select/index.d.ts

@@ -0,0 +1,42 @@
+import React from 'react';
+import { SelectProps } from 'antd/lib/select';
+interface fieldNamesProps {
+    label: string;
+    value: string;
+}
+interface BizSelectProps {
+    fieldNames?: fieldNamesProps;
+    defaultValue?: string | number;
+    /**
+     * @description   下拉名称
+     * @default       false
+     */
+    name?: string;
+    /**
+     * @description   创建option回调
+     * @default       false
+     */
+    createOption?: () => void;
+    /**
+     * @description   是否搜索option
+     * @default       false
+     */
+    search?: boolean;
+    /**
+     * @description   是否有创建option
+     * @default       false
+     */
+    create?: boolean;
+    /**
+     * @description   文本框类
+     * @default       small
+     */
+    inputClass?: string;
+    /**
+     * @description   弹窗样式
+     * @default       false
+     */
+    isDialog?: boolean;
+}
+declare const BizSelect: React.FC<BizSelectProps & SelectProps>;
+export default BizSelect;

package/es/select/index.js

@@ -0,0 +1,142 @@
+var _excluded = ["value", "defaultValue", "isDialog", "placeholder", "fieldNames", "inputClass", "size", "createOption", "search", "create", "options", "name", "bordered"];
+
+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) { _defineProperty(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; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+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(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+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 { Input, Select } from 'antd';
+import React, { useState } from 'react';
+import { IconFont } from '..';
+import { util } from '../utils';
+var Option = Select.Option;
+
+var BizSelect = function BizSelect(props) {
+  var value = props.value,
+      defaultValue = props.defaultValue,
+      _props$isDialog = props.isDialog,
+      isDialog = _props$isDialog === void 0 ? false : _props$isDialog,
+      _props$placeholder = props.placeholder,
+      placeholder = _props$placeholder === void 0 ? '请选择' : _props$placeholder,
+      _props$fieldNames = props.fieldNames,
+      fieldNames = _props$fieldNames === void 0 ? {
+    label: 'label',
+    value: 'value'
+  } : _props$fieldNames,
+      inputClass = props.inputClass,
+      _props$size = props.size,
+      size = _props$size === void 0 ? 'small' : _props$size,
+      createOption = props.createOption,
+      _props$search = props.search,
+      search = _props$search === void 0 ? false : _props$search,
+      _props$create = props.create,
+      create = _props$create === void 0 ? false : _props$create,
+      options = props.options,
+      _props$name = props.name,
+      name = _props$name === void 0 ? '' : _props$name,
+      _props$bordered = props.bordered,
+      bordered = _props$bordered === void 0 ? true : _props$bordered,
+      res = _objectWithoutProperties(props, _excluded);
+
+  var _useState = useState(''),
+      _useState2 = _slicedToArray(_useState, 2),
+      searchValue = _useState2[0],
+      setSearchValue = _useState2[1];
+
+  var _useState3 = useState(options || []),
+      _useState4 = _slicedToArray(_useState3, 2),
+      originalOption = _useState4[0],
+      setOriginalOption = _useState4[1];
+
+  var _useState5 = useState(options || []),
+      _useState6 = _slicedToArray(_useState5, 2),
+      currentOption = _useState6[0],
+      setCurrentOption = _useState6[1];
+
+  return /*#__PURE__*/React.createElement(Select, _objectSpread(_objectSpread({
+    className: size,
+    defaultValue: defaultValue || value,
+    dropdownClassName: "biz-single-select-dropdown",
+    placeholder: placeholder || "\u8BF7\u9009\u62E9".concat(name || '')
+  }, res), {}, {
+    bordered: bordered,
+    defaultOpen: false,
+    suffixIcon: /*#__PURE__*/React.createElement(IconFont, {
+      className: "biz-icon1",
+      type: 'icon-xiangxia'
+    }),
+    dropdownRender: function dropdownRender(menu) {
+      return /*#__PURE__*/React.createElement(React.Fragment, null, search && /*#__PURE__*/React.createElement(Input, {
+        className: "biz-search-box",
+        prefix: /*#__PURE__*/React.createElement(IconFont, {
+          className: "biz-icon biz-input-icon",
+          type: 'icon-sousuo'
+        }),
+        allowClear: {
+          clearIcon: /*#__PURE__*/React.createElement(IconFont, {
+            className: "biz-icon",
+            type: 'icon-qingchu'
+          })
+        },
+        value: searchValue,
+        placeholder: "\u641C\u7D22".concat(name),
+        onChange: function onChange(e) {
+          var value = e.target.value;
+          setSearchValue(function () {
+            return value;
+          });
+          var reg = new RegExp(value);
+          setCurrentOption(function () {
+            return originalOption.filter(function (item) {
+              return reg.test(item[fieldNames.label] || item);
+            });
+          });
+        }
+      }), create && /*#__PURE__*/React.createElement("div", {
+        className: "biz-icon-add mb-12",
+        onClick: function onClick() {
+          return createOption && createOption();
+        }
+      }, /*#__PURE__*/React.createElement(IconFont, {
+        className: "biz-icon",
+        type: 'icon-tianjia1'
+      }), /*#__PURE__*/React.createElement("span", {
+        className: "biz-icon-text"
+      }, "\u6DFB\u52A0".concat(name))), menu);
+    }
+  }), currentOption.map(function (item) {
+    return /*#__PURE__*/React.createElement(Option, {
+      value: item[fieldNames.value] || item,
+      key: item[fieldNames.value] || item
+    }, item.icon && /*#__PURE__*/React.createElement(IconFont, {
+      style: {
+        marginRight: '7px',
+        fontSize: '16px'
+      },
+      type: item.icon
+    }), /*#__PURE__*/React.createElement("span", {
+      dangerouslySetInnerHTML: {
+        __html: util.setHighLight(item[fieldNames.label] || item, searchValue)
+      }
+    }));
+  }));
+};
+
+export default BizSelect;

package/es/table/demo/data/color.d.ts

@@ -0,0 +1 @@
+export declare const chartColors: string[];

package/es/table/demo/data/color.js

@@ -0,0 +1 @@
+export var chartColors = ['#165DFF', '#CDDBFD', '#80E1D9', '#CDF3F0', '#65789B', '#CED4DE', '#F8BC3B', '#FCE7B9', '#6F66ED', '#D1CEFD', '#66AFED', '#D3E7F9', '#9661BC', '#DFCFEA', '#FF7557', '#FFD1C7', '#4DB273', '#BBDEC8', '#F08BB4', '#FFE0ED'];

package/es/table/demo/data/data.d.ts

@@ -0,0 +1,11 @@
+declare const _default: {
+    xData: string[];
+    seriesData: ({
+        name: string;
+        data: number[];
+    } | {
+        name: string[];
+        data: number[];
+    })[];
+};
+export default _default;

package/es/table/demo/data/data.js

@@ -0,0 +1,37 @@
+export default {
+  xData: ['2022-03-31', '2022-04-01', '2022-04-02', '2022-04-03', '2022-04-04', '2022-04-05', '2022-04-06', '2022-04-07', '2022-04-08', '2022-04-09', '2022-04-10', '2022-04-11', '2022-04-12', '2022-04-13'],
+  seriesData: [{
+    name: '付款成功',
+    data: [26, 27, 43, 44, 40, 34, 33, 33, 34, 24, 30, 31, 31, 38]
+  }, {
+    name: '注册-发送手机验证码',
+    data: [11, 10, 7, 5, 13, 18, 14, 17, 11, 6, 10, 12, 15, 10]
+  }, {
+    name: '搜索商品',
+    data: [75, 68, 86, 80, 87, 71, 72, 81, 77, 74, 78, 76, 76, 79]
+  }, {
+    name: 'pv',
+    data: [104, 89, 109, 103, 112, 93, 87, 101, 101, 97, 102, 110, 106, 98]
+  }, {
+    name: '查看商品详情',
+    data: [122, 107, 132, 113, 133, 115, 106, 127, 132, 117, 119, 123, 119, 117]
+  }, {
+    name: 'scroll',
+    data: [98, 96, 106, 109, 113, 105, 91, 111, 99, 99, 104, 108, 116, 92]
+  }, {
+    name: ['click'],
+    data: [108, 102, 111, 90, 111, 105, 91, 129, 117, 101, 109, 109, 105, 96]
+  }, {
+    name: ['申请退货'],
+    data: [5, 11, 14, 9, 8, 14, 9, 10, 12, 12, 14, 16, 12, 10]
+  }, {
+    name: ['wxshare'],
+    data: [96, 89, 113, 100, 107, 109, 84, 106, 107, 100, 102, 106, 104, 90]
+  }, {
+    name: ['wxsopen'],
+    data: [92, 89, 118, 108, 128, 107, 103, 124, 107, 100, 115, 104, 99, 99]
+  }, {
+    name: ['进入购物车'],
+    data: [42, 44, 50, 47, 40, 49, 32, 50, 42, 40, 42, 39, 41, 32]
+  }]
+};

package/es/table/demo/data/table.d.ts

@@ -0,0 +1,4 @@
+import { ColumnGroupType, ColumnType } from 'antd/lib/table';
+export declare const columns: (ColumnGroupType<any> | ColumnType<any>)[];
+declare let tableData: any[];
+export default tableData;

package/es/table/demo/data/table.js

@@ -0,0 +1,37 @@
+export var columns = [{
+  title: 'Full Name',
+  width: 100,
+  dataIndex: 'name',
+  key: 'name'
+}, {
+  title: 'Age',
+  width: 100,
+  dataIndex: 'age',
+  key: 'age'
+}, {
+  title: 'Column 1',
+  dataIndex: 'address',
+  key: '1'
+}, {
+  title: 'Column 2',
+  dataIndex: 'address',
+  key: '2'
+}, {
+  title: '操作',
+  dataIndex: 'operation',
+  render: function render(_, record) {
+    return 'Delete';
+  }
+}];
+var tableData = [];
+
+for (var i = 0; i < 100; i++) {
+  tableData.push({
+    key: i,
+    name: "Edrward ".concat(i),
+    age: 32,
+    address: "London Park no. ".concat(i)
+  });
+}
+
+export default tableData;

package/es/table/demo/index.d.ts

@@ -0,0 +1,3 @@
+import './index.less';
+declare const _default: () => JSX.Element;
+export default _default;