@zgfe/business-lib 1.0.0-beta.6 → 1.0.3

package/es/components/iconFont.js

@@ -14,8 +14,7 @@ import React, { useMemo } from 'react';
 import '../assets/iconfont/iconfont.css';
 
 var IconFont = function IconFont(props) {
-  var _props$className = props.className,
-      className = _props$className === void 0 ? '' : _props$className,
+  var className = props.className,
       type = props.type,
       rest = _objectWithoutProperties(props, _excluded);
 
@@ -27,4 +26,7 @@ var IconFont = function IconFont(props) {
   }, rest));
 };
 
+IconFont.defaultProps = {
+  className: ''
+};
 export default IconFont;

package/es/context/index.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import { EventGroup, UserProp, EnvProp } from '../attributeSelector/types';
+interface AppInfoProps {
+    appId?: string | number;
+    platform?: string | number;
+    [prop: string]: any;
+}
+export interface GlobalContextProps {
+    userGroupList?: Array<any>;
+    eventGroupList?: EventGroup[];
+    userPropList?: UserProp[];
+    eventEnvList?: EnvProp[];
+    currentApp?: AppInfoProps;
+}
+declare const BizGlobalDataContext: import("react").Context<GlobalContextProps>;
+export default BizGlobalDataContext;

package/es/context/index.js

@@ -0,0 +1,3 @@
+import { createContext } from 'react';
+var BizGlobalDataContext = /*#__PURE__*/createContext({});
+export default BizGlobalDataContext;

package/es/datePicker/datePicker.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { DatePickerTypes } from './types';
+declare const BizDate: React.FC<{
+    type: 'hour' | 'day' | 'week' | 'month';
+    value?: DatePickerTypes.Range;
+    includeToday?: boolean;
+    dateCount?: DatePickerTypes.ListOption;
+    onChange?: (val: DatePickerTypes.Range, isComeIn?: boolean) => void;
+}>;
+export default BizDate;

package/es/datePicker/datePicker.js

@@ -0,0 +1,115 @@
+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 { DatePicker } from 'antd';
+import moment from 'moment';
+import React, { useEffect, useState } from 'react';
+import { classPrefix } from '.';
+import IconFont from '../components/iconFont';
+import locale from 'antd/es/date-picker/locale/zh_CN';
+import { getDateRange } from './utils';
+var RangePicker = DatePicker.RangePicker;
+
+var BizDate = function BizDate(props) {
+  var includeToday = props.includeToday;
+  var initValue = {
+    begin: moment().subtract(includeToday ? 0 : 1, 'days').format('YYYY-MM-DD'),
+    end: moment().subtract(includeToday ? 0 : 1, 'days').format('YYYY-MM-DD')
+  };
+
+  var _useState = useState(),
+      _useState2 = _slicedToArray(_useState, 2),
+      dateRange = _useState2[0],
+      setDateRange = _useState2[1];
+
+  useEffect(function () {
+    setDateRange(props.value ? props.value : initValue);
+  }, []);
+  useEffect(function () {
+    var _props$dateCount;
+
+    if (!((_props$dateCount = props.dateCount) === null || _props$dateCount === void 0 ? void 0 : _props$dateCount.count)) return;
+    var date = getDateRange(props.type, props.dateCount.count, !!includeToday);
+    setDateRange(date);
+    if (props.onChange) props.onChange(date, true);
+  }, [props.dateCount]);
+
+  var disabledDate = function disabledDate(current) {
+    if (includeToday) {
+      return current && current > moment().endOf('day');
+    }
+
+    return current && current > moment().subtract(1, 'days').endOf('day');
+  };
+
+  var onChangeDate = function onChangeDate() {
+    var range = {
+      begin: arguments.length <= 1 ? undefined : arguments[1],
+      end: arguments.length <= 1 ? undefined : arguments[1]
+    };
+    setDateRange(range);
+    if (props.onChange) props.onChange(range);
+  };
+
+  var onChangeRange = function onChangeRange() {
+    for (var _len = arguments.length, date = new Array(_len), _key = 0; _key < _len; _key++) {
+      date[_key] = arguments[_key];
+    }
+
+    var range = {
+      begin: date[1][0],
+      end: date[1][1]
+    };
+    setDateRange(range);
+    if (props.onChange) props.onChange(range);
+  };
+
+  if (!dateRange) {
+    return /*#__PURE__*/React.createElement(DatePicker, {
+      disabled: true
+    });
+  }
+
+  return /*#__PURE__*/React.createElement("div", {
+    className: "".concat(classPrefix, "-panel")
+  }, props.type === 'hour' ? /*#__PURE__*/React.createElement(DatePicker, {
+    value: moment(dateRange.begin, 'YYYY-MM-DD'),
+    allowClear: false,
+    inputReadOnly: true,
+    dropdownClassName: "".concat(classPrefix, "-drop"),
+    locale: locale,
+    showToday: false,
+    disabledDate: disabledDate,
+    placement: 'bottomRight',
+    placeholder: "\u81EA\u5B9A\u4E49",
+    suffixIcon: /*#__PURE__*/React.createElement(IconFont, {
+      type: 'icon-shijian1'
+    }),
+    onChange: onChangeDate
+  }) : /*#__PURE__*/React.createElement(RangePicker, {
+    value: [moment(dateRange.begin, 'YYYY-MM-DD'), moment(dateRange.end, 'YYYY-MM-DD')],
+    allowClear: false,
+    dropdownClassName: "".concat(classPrefix, "-drop"),
+    inputReadOnly: true,
+    locale: locale,
+    disabledDate: disabledDate,
+    placement: 'bottomRight',
+    separator: '至',
+    suffixIcon: /*#__PURE__*/React.createElement(IconFont, {
+      type: 'icon-shijian1'
+    }),
+    format: 'YYYY-MM-DD',
+    onChange: onChangeRange
+  }));
+};
+
+export default BizDate;

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

@@ -1,2 +1,3 @@
+import '@zgfe/business-lib/es/assets/styles/resetAntd.less';
 declare const _default: () => JSX.Element;
 export default _default;

package/es/datePicker/demo/index.js

@@ -12,8 +12,13 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 import { BizDatePicker } from '@zgfe/business-lib';
 import React, { useState } from 'react';
+import '@zgfe/business-lib/es/assets/styles/resetAntd.less';
 export default (function () {
-  var _useState = useState({}),
+  var _useState = useState({
+    unit: 'week',
+    begin: '2022-05-03',
+    end: '2022-05-30'
+  }),
       _useState2 = _slicedToArray(_useState, 2),
       time = _useState2[0],
       setTime = _useState2[1];
@@ -25,6 +30,8 @@ export default (function () {
   };
 
   return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(BizDatePicker, {
-    onChange: handleChange
+    onChange: handleChange,
+    includeToday: true,
+    defaultValue: time
   }), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("p", null, "\u5F53\u524D\u503C\uFF1A", JSON.stringify(time)));
 });

package/es/datePicker/index.d.ts

@@ -1,29 +1,6 @@
 import React from 'react';
-import './index.less';
-import 'moment/locale/zh-cn';
-interface PickerProps {
-    startDate?: any;
-    endDate?: any;
-}
-interface ValueType extends PickerProps {
-    type?: string;
-}
-interface DatePickerProps {
-    /**
-     * @describe  默认值
-     * @default   {type:'hour', startDate:today, endDate:today}
-     */
-    defaultValue?: ValueType;
-    /**
-     * @describe  默认值
-     * @default   {type:'hour', startDate:today, endDate:today}
-     */
-    value?: ValueType;
-    /**
-     * @describe  回调
-     * @default -
-     */
-    onChange?: (data: object) => void;
-}
-declare const BizDatePicker: React.FC<DatePickerProps>;
+import { DatePickerTypes } from './types';
+import './styles/index.less';
+export declare const classPrefix = "biz-date-picker";
+declare const BizDatePicker: React.FC<DatePickerTypes.Props>;
 export default BizDatePicker;

package/es/datePicker/index.js

@@ -16,184 +16,108 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-import { DatePicker } from 'antd';
 import React, { useEffect, useState } from 'react';
-import IconFont from '../components/iconFont';
-import { dateType, dateList } from './data';
-import util from '../utils/util';
-import './index.less';
-import moment from 'moment';
-import 'moment/locale/zh-cn';
-import locale from 'antd/es/date-picker/locale/zh_CN';
+import { dateList } from './utils';
 import BizSelect from '../select';
-var RangePicker = DatePicker.RangePicker;
+import BizDate from './datePicker';
+import './styles/index.less';
+import { Skeleton } from 'antd';
+export var classPrefix = 'biz-date-picker';
 
 var BizDatePicker = function BizDatePicker(props) {
-  var _props$defaultValue = props.defaultValue,
-      defaultValue = _props$defaultValue === void 0 ? {
-    type: 'hour',
-    startDate: new Date(),
-    endDate: new Date()
-  } : _props$defaultValue,
-      _props$value = props.value,
-      value = _props$value === void 0 ? {
-    type: 'hour',
-    startDate: new Date(),
-    endDate: new Date()
-  } : _props$value,
-      onChange = props.onChange;
-
-  var _useState = useState(defaultValue.type || value.type || 'hour'),
+  var _useState = useState(dateList[0]),
       _useState2 = _slicedToArray(_useState, 2),
       currentType = _useState2[0],
       setCurrentType = _useState2[1];
 
-  var _useState3 = useState({}),
+  var _useState3 = useState(),
       _useState4 = _slicedToArray(_useState3, 2),
-      currentTime = _useState4[0],
-      setCurrentTime = _useState4[1];
+      dateRange = _useState4[0],
+      setDateRange = _useState4[1];
 
-  var _useState5 = useState({
-    startDate: defaultValue.startDate || value.startDate || new Date(),
-    endDate: defaultValue.endDate || value.endDate || new Date()
-  }),
+  var _useState5 = useState(),
       _useState6 = _slicedToArray(_useState5, 2),
-      selectedDate = _useState6[0],
-      setSelectedDate = _useState6[1];
+      currentTime = _useState6[0],
+      setCurrentTime = _useState6[1];
+
+  var _useState7 = useState(true),
+      _useState8 = _slicedToArray(_useState7, 2),
+      ready = _useState8[0],
+      setReady = _useState8[1];
 
   useEffect(function () {
-    onChange && onChange(_objectSpread({
-      type: currentType
-    }, selectedDate));
-  }, [selectedDate]);
-  useEffect(function () {
-    if (!Object.keys(currentTime).length) return;
-    var endDate, startDate;
-    var _currentTime$count = currentTime.count,
-        count = _currentTime$count === void 0 ? 1 : _currentTime$count,
-        value = currentTime.value;
-    var maxDate = new Date(new Date().getTime() - util.dayTime);
-
-    switch (currentType) {
-      case 'hour':
-        endDate = startDate = new Date(new Date().getTime() - count * util.dayTime);
-        break;
-
-      case 'day':
-        startDate = new Date(new Date().getTime() - count * util.dayTime);
-        endDate = maxDate;
-        break;
-
-      case 'week':
-        endDate = maxDate; // 减一是因为这里以周一为一周的第一天，如果以周日为第一天，则去掉就行
-
-        var firstOfWeek = new Date(maxDate.getTime() - (maxDate.getDay() - 1) * util.dayTime);
-        startDate = new Date(firstOfWeek.getTime() - count * 7 * util.dayTime);
-        break;
-
-      case 'month':
-        endDate = maxDate; // 这里-1是为了将日期置为一号
-
-        var firstOfMonth = new Date(maxDate.getTime() - (maxDate.getDate() - 1) * util.dayTime);
-        firstOfMonth.setMonth(firstOfMonth.getMonth() - count);
-        startDate = new Date(firstOfMonth);
-        break;
+    var data = props.defaultValue || props.value;
+
+    if (data) {
+      setCurrentType(function () {
+        return dateList.filter(function (item) {
+          return item.value === data.unit;
+        })[0] || dateList[0];
+      });
+      setDateRange(function () {
+        return {
+          begin: data.begin,
+          end: data.end
+        };
+      });
     }
 
-    setSelectedDate(function () {
-      return {
-        startDate: util.dateFormat(startDate),
-        endDate: util.dateFormat(endDate)
-      };
-    });
-  }, [currentTime]);
+    setReady(false);
+  }, []);
 
-  var disabledDate = function disabledDate(current) {
-    return current && current > moment().endOf('day');
+  var onChangeDateType = function onChangeDateType(data) {
+    setCurrentType(data);
+    setCurrentTime(data.children[0]);
   };
 
-  var _onChange = function _onChange(date, dateString) {
-    setSelectedDate(function () {
-      return {
-        startDate: dateString,
-        endDate: dateString
-      };
-    });
-    setCurrentTime(function () {
-      return {};
-    });
+  var _onClick = function onClick(value) {
+    setCurrentTime(value);
   };
 
-  var _onRangeChange = function _onRangeChange(dates, dateStrings) {
-    setSelectedDate(function () {
-      return {
-        startDate: dateStrings[0],
-        endDate: dateStrings[1]
-      };
-    });
-    setCurrentTime(function () {
-      return {};
-    });
+  var onChangeRange = function onChangeRange(value, changed) {
+    setDateRange(value);
+
+    if (!changed) {
+      setCurrentTime(undefined);
+    }
+
+    if (props.onChange) props.onChange(_objectSpread({
+      unit: currentType.value
+    }, value));
   };
 
   return /*#__PURE__*/React.createElement("div", {
-    className: "biz-date-container"
-  }, /*#__PURE__*/React.createElement(BizSelect, {
-    className: "biz-date-type",
-    defaultValue: currentType,
-    options: dateType,
-    dropdownSize: "small",
-    size: "small",
-    onChange: function onChange(operate) {
-      setCurrentType(function () {
-        return operate;
-      });
-      setCurrentTime(function () {
-        return dateList[operate][0];
-      });
+    className: classPrefix
+  }, /*#__PURE__*/React.createElement(Skeleton, {
+    loading: ready,
+    active: true,
+    paragraph: {
+      rows: 1
     }
+  }, /*#__PURE__*/React.createElement(BizSelect, {
+    className: "".concat(classPrefix, "-type"),
+    value: currentType,
+    labelField: "label",
+    keyField: "value",
+    theme: "secondary",
+    options: dateList,
+    onChange: onChangeDateType
   }), /*#__PURE__*/React.createElement("div", {
-    className: "biz-date-list"
-  }, dateList[currentType].map(function (item, index) {
+    className: "".concat(classPrefix, "-list")
+  }, currentType.children.map(function (item, index) {
     return /*#__PURE__*/React.createElement("div", {
       key: index,
-      className: "biz-date-item ".concat(currentTime.value === item.value ? 'active' : ''),
+      className: "".concat(classPrefix, "-item ").concat(currentTime && currentTime.value === item.value ? 'active' : ''),
       onClick: function onClick() {
-        setCurrentTime(function () {
-          return _objectSpread({}, item);
-        });
+        return _onClick(item);
       }
     }, item.value);
-  })), /*#__PURE__*/React.createElement("div", {
-    className: "biz-date-picker"
-  }, currentType === 'hour' ? /*#__PURE__*/React.createElement(DatePicker, {
-    value: moment(selectedDate === null || selectedDate === void 0 ? void 0 : selectedDate.startDate, 'YYYY-MM-DD'),
-    allowClear: false,
-    inputReadOnly: true,
-    dropdownClassName: "biz-date-ant-picker",
-    locale: locale,
-    showToday: false,
-    disabledDate: disabledDate,
-    placement: 'bottomRight',
-    placeholder: "\u81EA\u5B9A\u4E49",
-    suffixIcon: /*#__PURE__*/React.createElement(IconFont, {
-      type: 'icon-shijian1'
-    }),
-    onChange: _onChange
-  }) : /*#__PURE__*/React.createElement(RangePicker, {
-    value: [moment(selectedDate === null || selectedDate === void 0 ? void 0 : selectedDate.startDate, 'YYYY-MM-DD'), moment(selectedDate === null || selectedDate === void 0 ? void 0 : selectedDate.endDate, 'YYYY-MM-DD')],
-    allowClear: false,
-    dropdownClassName: "biz-date-ant-picker",
-    inputReadOnly: true,
-    locale: locale,
-    disabledDate: disabledDate,
-    placement: 'bottomRight',
-    separator: '至',
-    suffixIcon: /*#__PURE__*/React.createElement(IconFont, {
-      type: 'icon-shijian1'
-    }),
-    format: 'YYYY-MM-DD',
-    onChange: _onRangeChange
+  })), /*#__PURE__*/React.createElement(BizDate, {
+    type: currentType.value,
+    dateCount: currentTime,
+    value: dateRange,
+    includeToday: props.includeToday,
+    onChange: onChangeRange
   })));
 };
 

package/es/datePicker/styles/index.less

@@ -0,0 +1,48 @@
+@import '../../assets/styles/inner.less';
+.biz-date-picker {
+  display: flex;
+
+  &-type {
+    width: 88px;
+  }
+
+  &-list {
+    display: flex;
+    margin: 0 16px;
+  }
+  .biz-select-handle {
+    padding: 0;
+  }
+  &-item {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 58px;
+    height: @height-base;
+    border: 1px solid @border-color-base;
+    cursor: pointer;
+
+    &:first-child {
+      border-radius: @border-radius-small 0px 0px @border-radius-small;
+    }
+
+    &:last-child {
+      border-radius: 0px @border-radius-small @border-radius-small 0px;
+    }
+
+    &:not(:last-child) {
+      border-right: none;
+    }
+
+    &:hover {
+      .__default-hover();
+      border-color: @border-color-base;
+    }
+
+    &.active {
+      color: @primary-color;
+      background: @primary-1;
+      border: 1px solid @primary-color;
+    }
+  }
+}

package/es/datePicker/types.d.ts

@@ -0,0 +1,24 @@
+export declare namespace DatePickerTypes {
+    interface Range {
+        begin: string;
+        end: string;
+    }
+    interface Value extends Range {
+        unit: 'hour' | 'day' | 'week' | 'month';
+    }
+    interface Props {
+        defaultValue?: Value;
+        value?: Value;
+        includeToday?: boolean;
+        onChange?: (data: object) => void;
+    }
+    interface Option {
+        label: string;
+        value: 'hour' | 'day' | 'week' | 'month';
+        children: ListOption[];
+    }
+    interface ListOption {
+        count: number;
+        value: string;
+    }
+}

package/es/datePicker/utils.d.ts

@@ -0,0 +1,6 @@
+import { DatePickerTypes } from './types';
+export declare const dateList: DatePickerTypes.Option[];
+export declare const getDateRange: (type: 'hour' | 'day' | 'week' | 'month', count: number, includeToday: boolean) => {
+    begin: string;
+    end: string;
+};

package/es/datePicker/utils.js

@@ -0,0 +1,70 @@
+import moment from 'moment';
+export var dateList = [{
+  label: '按小时',
+  value: 'hour',
+  children: [{
+    value: '昨天',
+    count: 1
+  }, {
+    value: '前天',
+    count: 2
+  }]
+}, {
+  label: '按天',
+  value: 'day',
+  children: [{
+    value: '7天',
+    count: 7
+  }, {
+    value: '14天',
+    count: 14
+  }, {
+    value: '30天',
+    count: 30
+  }]
+}, {
+  label: '按周',
+  value: 'week',
+  children: [{
+    value: '4周',
+    count: 4
+  }, {
+    value: '8周',
+    count: 8
+  }, {
+    value: '12周',
+    count: 12
+  }]
+}, {
+  label: '按月',
+  value: 'month',
+  children: [{
+    value: '1个月',
+    count: 1
+  }, {
+    value: '2个月',
+    count: 2
+  }, {
+    value: '3个月',
+    count: 3
+  }]
+}];
+export var getDateRange = function getDateRange(type, count, includeToday) {
+  var endDate = moment().subtract(includeToday ? 0 : 1, 'days').format('YYYY-MM-DD'),
+      startDate = '';
+
+  if (type === 'month') {
+    startDate = moment().subtract(count, 'months').format('YYYY-MM-DD');
+  } else if (type === 'week') {
+    startDate = moment().subtract(count, 'weeks').format('YYYY-MM-DD');
+  } else if (type === 'day') {
+    startDate = moment().subtract(count, 'days').format('YYYY-MM-DD');
+  } else {
+    startDate = endDate = moment().subtract(count, 'days').format('YYYY-MM-DD');
+  }
+
+  return {
+    begin: startDate,
+    end: endDate
+  };
+};

package/es/dialog/components/itemNode.d.ts

@@ -0,0 +1,10 @@
+import { FormItemProps } from 'antd';
+import React from 'react';
+import { DialogTypes } from '../types';
+declare const ItemNode: React.FC<{
+    value?: any;
+    field: DialogTypes.FieldProps & FormItemProps;
+    fieldNames?: DialogTypes.FieldOption;
+    onChange?: (value: any) => void;
+}>;
+export default ItemNode;