@zgfe/business-lib 1.0.3 → 1.0.7

package/es/icon/demo/list.less

@@ -0,0 +1,32 @@
+@size: 64px;
+.item {
+  display: inline-block;
+  width: @size * 3;
+  height: 100px;
+  margin: 0 6px 6px 0;
+  padding-bottom: 12px;
+  text-align: center;
+  vertical-align: bottom;
+  cursor: pointer;
+  &:hover {
+    background: hsv(0, 0, 96%);
+    .icon {
+      font-size: 42px !important;
+    }
+    .label {
+      font-size: 14px;
+    }
+  }
+}
+.icon {
+  display: inline-block;
+  width: @size * 2;
+  height: @size;
+  line-height: @size;
+  transition: all 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28);
+}
+.label {
+  font-size: 12px;
+  vertical-align: bottom;
+  transition: all 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28);
+}

package/es/{components → icon}/iconFont.d.ts

@@ -1,5 +1,10 @@
 import React from 'react';
 import { IconFontProps } from '@ant-design/icons/lib/components/IconFont';
 import '../assets/iconfont/iconfont.css';
-declare const IconFont: React.FC<IconFontProps>;
+interface Props extends IconFontProps {
+    family?: string;
+    size?: number;
+    className?: string;
+}
+declare const IconFont: React.FC<Props>;
 export default IconFont;

package/es/{components → icon}/iconFont.js

@@ -1,4 +1,4 @@
-var _excluded = ["className", "type"];
+var _excluded = ["className", "type", "family"];
 
 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; }
 
@@ -16,17 +16,23 @@ import '../assets/iconfont/iconfont.css';
 var IconFont = function IconFont(props) {
   var className = props.className,
       type = props.type,
+      family = props.family,
       rest = _objectWithoutProperties(props, _excluded);
 
   var iconClassName = useMemo(function () {
-    return "bsicon ".concat(className, " bs").concat(type);
+    return "".concat(family, " ").concat(className, " ").concat(type);
   }, [className, type]);
   return /*#__PURE__*/React.createElement("span", _objectSpread({
-    className: iconClassName
+    className: iconClassName,
+    style: {
+      fontSize: "".concat(props.size, "px")
+    }
   }, rest));
 };
 
 IconFont.defaultProps = {
-  className: ''
+  className: '',
+  family: 'bsicon',
+  size: 16
 };
 export default IconFont;

package/es/index.d.ts

@@ -1,5 +1,5 @@
 /// <reference path="../typings.d.ts" />
-import BizAnalysisLayout from './AnalysisLayout';
+import BizAnalysisLayout from './analysisLayout';
 import BizUserGroup from './userGroup';
 import BizTargetSelector from './targetSelector';
 import BizEventSelector from './eventSelector/index';
@@ -12,7 +12,7 @@ import BizSelect from './select';
 import BizDialog from './dialog';
 import BizChart from './chart';
 import BizTable from './table';
-import IconFont from './components/iconFont';
+import IconFont from './icon/iconFont';
 import { util, ajax } from './utils';
 import theme from './assets/theme';
 import convertAttributeData from './attributeSelector/util';

package/es/index.js

@@ -1,4 +1,4 @@
-import BizAnalysisLayout from './AnalysisLayout';
+import BizAnalysisLayout from './analysisLayout';
 import BizUserGroup from './userGroup';
 import BizTargetSelector from './targetSelector';
 import BizEventSelector from './eventSelector/index';
@@ -11,7 +11,7 @@ import BizSelect from './select';
 import BizDialog from './dialog';
 import BizChart from './chart';
 import BizTable from './table';
-import IconFont from './components/iconFont';
+import IconFont from './icon/iconFont';
 import { util, ajax } from './utils';
 import theme from './assets/theme';
 import convertAttributeData from './attributeSelector/util';

package/es/searchInput/index.js

@@ -15,11 +15,11 @@ var BizSearchInput = function BizSearchInput(props) {
     className: className,
     value: value,
     prefix: /*#__PURE__*/React.createElement(IconFont, {
-      type: 'icon-sousuo'
+      type: 'sousuo'
     }),
     allowClear: {
       clearIcon: /*#__PURE__*/React.createElement(IconFont, {
-        type: 'icon-qingchu'
+        type: 'qingchu'
       })
     },
     placeholder: placeholder || '请输入',

package/es/select/demo/group.js

@@ -20,13 +20,13 @@ var option = Array(10).fill(1).map(function (group, i) {
       value: i * 10 + i,
       name: "option".concat(i * 10 + i).concat(group),
       icon: /*#__PURE__*/React.createElement(IconFont, {
-        type: "icon-shijianshuxing1"
+        type: "shijianshuxing1"
       })
     }, {
       value: i * 10 + i + 1,
       name: "option".concat(i * 10 + i + 1),
       icon: /*#__PURE__*/React.createElement(IconFont, {
-        type: "icon-shijianshuxing1"
+        type: "shijianshuxing1"
       })
     }]
   };

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

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

package/es/select/demo/loading.js

@@ -0,0 +1,56 @@
+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, { useEffect, useState } from 'react';
+import { BizSelect } from '@zgfe/business-lib';
+var stringOperate = Array(10).fill(1).map(function (_item, index) {
+  return {
+    name: "option".concat(index),
+    value: index
+  };
+});
+
+function getRemoteDat() {
+  return new Promise(function (resolve) {
+    setTimeout(function () {
+      resolve(stringOperate);
+    }, 3000);
+  });
+}
+
+export default (function () {
+  var _useState = useState([]),
+      _useState2 = _slicedToArray(_useState, 2),
+      options = _useState2[0],
+      setOptions = _useState2[1];
+
+  var _useState3 = useState(false),
+      _useState4 = _slicedToArray(_useState3, 2),
+      loading = _useState4[0],
+      setLoading = _useState4[1];
+
+  useEffect(function () {
+    setLoading(true);
+    getRemoteDat().then(function (data) {
+      setOptions(data);
+      setLoading(false);
+    });
+  }, []);
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(BizSelect, {
+    options: options,
+    labelField: "name",
+    keyField: "value",
+    enableSearch: true,
+    popupContainer: true,
+    loading: loading
+  }));
+});

package/es/select/handle.js

@@ -12,7 +12,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 import { Input, Tag, Tooltip } from 'antd';
 import React, { useImperativeHandle, useMemo, useRef, useState } from 'react';
-import IconFont from '../components/iconFont';
+import IconFont from '../icon/iconFont';
 import './styles/handle.less';
 var SelectHandle = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var placeholder = props.placeholder,
@@ -109,7 +109,7 @@ var SelectHandle = /*#__PURE__*/React.forwardRef(function (props, ref) {
     className: "".concat(classPrefix, "-holder")
   }, placeholder || '请选择'), /*#__PURE__*/React.createElement(IconFont, {
     className: "".concat(classPrefix, "-expand-icon"),
-    type: 'icon-xiangxia'
+    type: 'xiangxia'
   }));
 });
 SelectHandle.defaultProps = {

package/es/select/option.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { classPrefix } from '.';
-import IconFont from '../components/iconFont';
+import IconFont from '../icon/iconFont';
 import { util } from '../utils';
 
 var SelectOption = function SelectOption(props) {
@@ -43,10 +43,10 @@ var SelectOption = function SelectOption(props) {
     title: option[props.labelField]
   }, multiple && (checked ? /*#__PURE__*/React.createElement(IconFont, {
     className: "".concat(classPrefix, "-checkbox ").concat(classPrefix, "-checked"),
-    type: 'icon-a-Property1xuanzhong'
+    type: 'a-Property1xuanzhong'
   }) : /*#__PURE__*/React.createElement(IconFont, {
     className: "".concat(classPrefix, "-checkbox ").concat(classPrefix, "-check"),
-    type: 'icon-a-Property1moren'
+    type: 'a-Property1moren'
   })), (option === null || option === void 0 ? void 0 : option.icon) && /*#__PURE__*/React.createElement("span", {
     className: "".concat(classPrefix, "-option-icon")
   }, option === null || option === void 0 ? void 0 : option.icon), /*#__PURE__*/React.createElement("span", {

package/es/select/overlay.js

@@ -11,6 +11,7 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 import React, { useEffect, useState } from 'react';
+import { Spin } from 'antd';
 import BizSearchInput from '../searchInput';
 import { classPrefix } from './index';
 import SelectOption from './option';
@@ -23,7 +24,8 @@ var SelectOverlay = function SelectOverlay(props) {
       extra = props.extra,
       multiple = props.multiple,
       disableItemList = props.disableItemList,
-      dropdownExtra = props.dropdownExtra;
+      dropdownExtra = props.dropdownExtra,
+      loading = props.loading;
 
   var _useState = useState(),
       _useState2 = _slicedToArray(_useState, 2),
@@ -64,24 +66,37 @@ var SelectOverlay = function SelectOverlay(props) {
     }
 
     setShowList(function () {
+      var list = [];
+
       if (props.type === 'group') {
-        return options.map(function (group) {
+        list = options.map(function (group) {
           var groupDom = /*#__PURE__*/React.createElement(SelectOption, {
             group: group,
             key: group.name || String(Math.random())
           });
           var optionArr = getOptionDom(group.children, ids);
-          optionArr.unshift(groupDom);
+          optionArr.length && optionArr.unshift(groupDom);
           return optionArr;
         });
+      } else {
+        list = getOptionDom(options, ids);
       }
 
-      return getOptionDom(options, ids);
+      if (options.length && !list.flat().length) {
+        var dom = /*#__PURE__*/React.createElement("div", {
+          className: "".concat(classPrefix, "-notfound"),
+          key: "notfound"
+        }, props.notFound ? props.notFound : '未找到匹配数据');
+        list = [dom];
+      }
+
+      return list;
     });
   }, [searchValue, options, current]);
 
   function getOptionDom(data, ids) {
-    return data.map(function (option) {
+    var optionsDom = [];
+    data.forEach(function (option) {
       if (searchValue && !new RegExp(searchValue, 'i').test(option[labelField])) return;
       var disabled = false;
       disableItemList === null || disableItemList === void 0 ? void 0 : disableItemList.forEach(function (item) {
@@ -89,7 +104,7 @@ var SelectOverlay = function SelectOverlay(props) {
           disabled = true;
         }
       });
-      return /*#__PURE__*/React.createElement(SelectOption, {
+      var dom = /*#__PURE__*/React.createElement(SelectOption, {
         option: option,
         labelField: labelField,
         checked: current && ids.indexOf(option[keyField]) > -1,
@@ -103,7 +118,9 @@ var SelectOverlay = function SelectOverlay(props) {
         disabled: disabled,
         key: option[keyField] || String(Math.random())
       });
+      optionsDom.push(dom);
     });
+    return optionsDom;
   }
 
   function onClick(option) {
@@ -141,6 +158,16 @@ var SelectOverlay = function SelectOverlay(props) {
     setSearchValue(v);
   }
 
+  function render() {
+    if (loading) return /*#__PURE__*/React.createElement(Spin, null);
+
+    if (showList && showList.length) {
+      return showList;
+    } else {
+      return /*#__PURE__*/React.createElement("span", null, "\u6682\u65E0\u6570\u636E");
+    }
+  }
+
   return /*#__PURE__*/React.createElement("div", {
     className: "".concat(classPrefix, "-overlay")
   }, props.enableSearch && !props.multiple && /*#__PURE__*/React.createElement(BizSearchInput, {
@@ -148,7 +175,7 @@ var SelectOverlay = function SelectOverlay(props) {
     onChange: onSearch
   }), dropdownExtra, /*#__PURE__*/React.createElement("div", {
     className: "".concat(classPrefix, "-list-panel")
-  }, showList && showList.length ? showList : /*#__PURE__*/React.createElement("span", null, "\u6682\u65E0\u6570\u636E")));
+  }, render()));
 };
 
 export default SelectOverlay;

package/es/select/styles/index.less

@@ -96,4 +96,8 @@
   &-option-icon {
     margin-right: @margin-xs;
   }
+
+  &-notfound {
+    padding: @padding-xs;
+  }
 }

package/es/select/types.d.ts

@@ -29,6 +29,8 @@ export declare namespace BizSelectTypes {
         keyField?: string;
         disableItemList?: Option[];
         searchValue?: string;
+        notFound?: string | ReactNode;
+        loading?: boolean;
         onChange?: (val: Option) => void;
     }
     interface OverlayProps {

package/es/targetConditionGroup/demo/group.js

@@ -121,7 +121,7 @@ export default (function () {
       }
     }, /*#__PURE__*/React.createElement(IconFont, {
       className: "biz-icon",
-      type: 'icon-tianjia1'
+      type: 'tianjia1'
     }), "\u6DFB\u52A0\u6307\u6807")));
   }))), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("p", null, "\u5F53\u524D\u503C\uFF1A", JSON.stringify(target)));
 });

package/es/targetSelector/editBox.js

@@ -13,7 +13,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import { Button, Input, message } from 'antd';
 import React, { useEffect, useMemo, useRef, useState } from 'react';
 import { classPrefix } from '.';
-import IconFont from '../components/iconFont';
+import IconFont from '../icon/iconFont';
 
 var BizEventNameEditBox = function BizEventNameEditBox(props) {
   var inputRef = useRef(null);
@@ -62,7 +62,7 @@ var BizEventNameEditBox = function BizEventNameEditBox(props) {
     allowClear: {
       clearIcon: /*#__PURE__*/React.createElement(IconFont, {
         className: "biz-icon",
-        type: 'icon-qingchu'
+        type: 'qingchu'
       })
     },
     onChange: onChange

package/es/targetSelector/index.js

@@ -101,13 +101,13 @@ var BizTargetSelector = function BizTargetSelector(props) {
     className: "".concat(classPrefix, "-option-list")
   }, /*#__PURE__*/React.createElement(BizTargetOptionIcon, {
     name: "add",
-    icon: "icon-shaixuan",
+    icon: "shaixuan",
     title: "\u6DFB\u52A0\u7B5B\u9009",
     enabled: enableAdd,
     onClick: onClickIcon
   }), /*#__PURE__*/React.createElement(BizTargetOptionIcon, {
     name: "delete",
-    icon: "icon-qingchu",
+    icon: "qingchu",
     title: "\u5220\u9664",
     enabled: enableDelete,
     onClick: onClickIcon
@@ -120,7 +120,7 @@ var BizTargetSelector = function BizTargetSelector(props) {
     trigger: ['click']
   }, /*#__PURE__*/React.createElement(BizTargetOptionIcon, {
     name: "more",
-    icon: "icon-gengduocaozuo1",
+    icon: "gengduocaozuo1",
     title: "\u7F16\u8F91\u522B\u540D\u3001\u7B5B\u9009\u3001\u5220\u9664",
     enabled: true
   }))), showEditModal && /*#__PURE__*/React.createElement(BizEventNameEditBox, {

package/es/targetSelector/optionIcon.js

@@ -1,7 +1,7 @@
 import { Tooltip } from 'antd';
 import React from 'react';
 import { classPrefix } from '.';
-import IconFont from '../components/iconFont';
+import IconFont from '../icon/iconFont';
 
 var BizTargetOptionIcon = function BizTargetOptionIcon(props) {
   var enabled = props.enabled,

package/es/targetSelector/optionMenu.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { classPrefix } from '.';
-import IconFont from '../components/iconFont';
+import IconFont from '../icon/iconFont';
 
 var BizTargetOptionMenu = function BizTargetOptionMenu(props) {
   var _onClick = function onClick(name) {
@@ -15,7 +15,7 @@ var BizTargetOptionMenu = function BizTargetOptionMenu(props) {
       return _onClick('edit');
     }
   }, /*#__PURE__*/React.createElement(IconFont, {
-    type: "icon-bianji"
+    type: "bianji"
   }), /*#__PURE__*/React.createElement("span", null, "\u7F16\u8F91\u522B\u540D")), /*#__PURE__*/React.createElement("div", {
     className: "".concat(classPrefix, "-divider")
   }), /*#__PURE__*/React.createElement("div", {
@@ -24,14 +24,14 @@ var BizTargetOptionMenu = function BizTargetOptionMenu(props) {
       return _onClick('add');
     }
   }, /*#__PURE__*/React.createElement(IconFont, {
-    type: "icon-shaixuan"
+    type: "shaixuan"
   }), /*#__PURE__*/React.createElement("span", null, "\u6DFB\u52A0\u7B5B\u9009")), /*#__PURE__*/React.createElement("div", {
     className: "".concat(classPrefix, "-menu-item ").concat(props.enableDelete ? '' : 'disabled'),
     onClick: function onClick() {
       return _onClick('delete');
     }
   }, /*#__PURE__*/React.createElement(IconFont, {
-    type: "icon-shanchu"
+    type: "shanchu"
   }), /*#__PURE__*/React.createElement("span", null, "\u5220\u9664\u6307\u6807")));
 };
 

package/es/userCondition/conditionTypeList.d.ts

@@ -3,7 +3,7 @@ import './styles/conditionTypeList.less';
 import { BizUserConditionT } from './types';
 export interface ConditionTypeListPropsI {
     onAdd: (type: BizUserConditionT.ConditionType) => void;
-    label?: string | React.ReactDOM;
+    label?: string | React.ReactNode;
     show?: boolean;
 }
 declare const ConditionTypeList: React.FC<ConditionTypeListPropsI>;

package/es/userCondition/conditions/periodCondition.js

@@ -89,7 +89,6 @@ var PeriodCondition = function PeriodCondition(props) {
 
     if (e.target.checked) {
       newValues[1] = '1';
-      console.log(newValues);
     }
 
     onChange(_objectSpread(_objectSpread({}, runPeriod), {}, {

package/es/userCondition/conditions/propCondition.d.ts

@@ -1,11 +1,5 @@
 import React from 'react';
-import { AllConditionBasePropsI, BizUserConditionT } from '../types';
+import { PropConditionType } from '../types';
 import './styles/propCondition.less';
-export interface PropConditionPropsI extends AllConditionBasePropsI<any> {
-    isEvent?: boolean;
-    label?: string | React.ReactDOM;
-    eventId?: number;
-    attrs: BizUserConditionT.AttrCondition[];
-}
-declare const PropCondition: React.FC<PropConditionPropsI>;
+declare const PropCondition: React.FC<PropConditionType.PropsI>;
 export default PropCondition;