@zgfe/business-lib 1.1.63 → 1.1.65

package/es/index.d.ts

@@ -34,7 +34,8 @@ import BizAttrCondition from './attrCondition';
 import BizAttrConditionGroup from './attrCondition/group';
 import BizTargetFromPanel from './layout/optionTitle';
 import { BizTargetFromPanelContext } from './layout/optionTitle/types';
-export { BizTargetFromPanel, BizSearchInput, BizSelect, BizDialog, BizChart, BizTable, BizAnalysisLayout, BizDetailLayout, BizUserGroup, IconFont, ColorIcon, BizTargetSelector, BizEventSelector, BizAttributeSelector, BizGlobalDataContext, BizTargetFromPanelContext, BizTargetCondition, BizDatePicker, BizConditionItem, BizConditionGroup, BizAttrCondition, BizAttrConditionGroup, BizUserCondition, BizAddToScene, BizAddToPanel, BizCycleTime, BizDnd, BizLoginForm, DemoWrapper, SocketClient, ajax, util, theme, convertAttributeData, BizUserTagsSelect, setGlobalConfig, };
+import BizLayout from './layout/columnLayout';
+export { BizTargetFromPanel, BizSearchInput, BizSelect, BizDialog, BizChart, BizTable, BizLayout, BizAnalysisLayout, BizDetailLayout, BizUserGroup, IconFont, ColorIcon, BizTargetSelector, BizEventSelector, BizAttributeSelector, BizGlobalDataContext, BizTargetFromPanelContext, BizTargetCondition, BizDatePicker, BizConditionItem, BizConditionGroup, BizAttrCondition, BizAttrConditionGroup, BizUserCondition, BizAddToScene, BizAddToPanel, BizCycleTime, BizDnd, BizLoginForm, DemoWrapper, SocketClient, ajax, util, theme, convertAttributeData, BizUserTagsSelect, setGlobalConfig, };
 export type { UserGroupTypes } from './userGroup/types';
 export type { BizSelectTypes } from './select/types';
 export type { AttributeSelect } from './attributeSelector/types';

package/es/index.js

@@ -33,4 +33,5 @@ import BizAttrCondition from './attrCondition';
 import BizAttrConditionGroup from './attrCondition/group';
 import BizTargetFromPanel from './layout/optionTitle';
 import { BizTargetFromPanelContext } from './layout/optionTitle/types';
-export { BizTargetFromPanel, BizSearchInput, BizSelect, BizDialog, BizChart, BizTable, BizAnalysisLayout, BizDetailLayout, BizUserGroup, IconFont, ColorIcon, BizTargetSelector, BizEventSelector, BizAttributeSelector, BizGlobalDataContext, BizTargetFromPanelContext, BizTargetCondition, BizDatePicker, BizConditionItem, BizConditionGroup, BizAttrCondition, BizAttrConditionGroup, BizUserCondition, BizAddToScene, BizAddToPanel, BizCycleTime, BizDnd, BizLoginForm, DemoWrapper, SocketClient, ajax, util, theme, convertAttributeData, BizUserTagsSelect, setGlobalConfig };
+import BizLayout from './layout/columnLayout';
+export { BizTargetFromPanel, BizSearchInput, BizSelect, BizDialog, BizChart, BizTable, BizLayout, BizAnalysisLayout, BizDetailLayout, BizUserGroup, IconFont, ColorIcon, BizTargetSelector, BizEventSelector, BizAttributeSelector, BizGlobalDataContext, BizTargetFromPanelContext, BizTargetCondition, BizDatePicker, BizConditionItem, BizConditionGroup, BizAttrCondition, BizAttrConditionGroup, BizUserCondition, BizAddToScene, BizAddToPanel, BizCycleTime, BizDnd, BizLoginForm, DemoWrapper, SocketClient, ajax, util, theme, convertAttributeData, BizUserTagsSelect, setGlobalConfig };

package/es/layout/columnLayout/demo/data.d.ts

@@ -0,0 +1,10 @@
+declare const _default: {
+    x_axis: string[];
+    series: {
+        names: string[];
+        values: number[];
+    }[];
+};
+export default _default;
+export declare const getColumn: (columnData: Array<string>) => any;
+export declare const formateTableData: (sData: any) => any[];

package/es/layout/columnLayout/demo/data.js

@@ -0,0 +1,99 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+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) { 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(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
+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; }
+import { util } from '../../..';
+export default {
+  x_axis: ['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'],
+  series: [{
+    names: ['付款成功付款成功付款成功付款成功付款成功付款成功付款成功付款成功付款成功付款成功付款成功付款成功付款成功付款成功'],
+    values: [26, 27, 43, 44, 40, 34, 33, 33, 34, 24, 30, 31, 31, 38]
+  }, {
+    names: ['注册-发送手机验证码'],
+    values: [11, 10, 7, 5, 13, 18, 14, 17, 11, 6, 10, 12, 15, 10]
+  }, {
+    names: ['搜索商品'],
+    values: [75, 68, 86, 80, 87, 71, 72, 81, 77, 74, 78, 76, 76, 79]
+  }, {
+    names: ['pv'],
+    values: [104, 89, 109, 103, 112, 93, 87, 101, 101, 97, 102, 110, 106, 98]
+  }, {
+    names: ['查看商品详情'],
+    values: [122, 107, 132, 113, 133, 115, 106, 127, 132, 117, 119, 123, 119, 117]
+  }, {
+    names: ['scroll'],
+    values: [98, 96, 106, 109, 113, 105, 91, 111, 99, 99, 104, 108, 116, 92]
+  }, {
+    names: ['click'],
+    values: [108, 102, 111, 90, 111, 105, 91, 129, 117, 101, 109, 109, 105, 96]
+  }, {
+    names: ['申请退货'],
+    values: [5, 11, 14, 9, 8, 14, 9, 10, 12, 12, 14, 16, 12, 10]
+  }]
+};
+export var getColumn = function getColumn(columnData) {
+  var data = [{
+    title: '事件',
+    width: 150,
+    dataIndex: 'name',
+    key: 'name',
+    ellipsis: true,
+    fixed: 'left'
+  }];
+  for (var i = 0; i < columnData.length; i++) {
+    var value = columnData[i];
+    if (/^\d{4}-\d{2}-\d{2}$/.test(value)) {
+      value = value.replace(/\d{4}-/, '');
+    } else if (/^\d{4}-\d{2}-\d{2}\|\d{4}-\d{2}-\d{2}$/.test(value)) {
+      var dates = value.match(/\d{4}-\d{2}-\d{2}/g);
+      value = dates ? dates[0].replace(/\d{4}-/, '') + '~' + dates[1].replace(/\d{4}-/, '') : value;
+    } else {
+      value = util.strMiddleSplit(value);
+      if (/:/.test(value)) {
+        value = value.replace(/\d{4}-\d{2}-\d{2}\s/, '');
+      } else if (/,/.test(value)) {
+        value = value.replace(/,/g, '-');
+      }
+    }
+    data.push({
+      title: value,
+      width: 100,
+      align: 'center',
+      ellipsis: true,
+      dataIndex: "field".concat(i)
+    });
+  }
+  return data;
+};
+export var formateTableData = function formateTableData(sData) {
+  var tableData = [];
+  var _iterator = _createForOfIteratorHelper(sData),
+    _step;
+  try {
+    var _loop = function _loop() {
+      var row = _step.value;
+      var item = {
+        id: Math.random(),
+        name: row.names[0],
+        align: 'right'
+      };
+      row.values.forEach(function (data, index) {
+        item["field".concat(index)] = data;
+      });
+      tableData.push(_objectSpread({}, item));
+    };
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      _loop();
+    }
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
+  }
+  return tableData;
+};

package/es/layout/columnLayout/demo/index.d.ts

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

package/es/layout/columnLayout/demo/index.js

@@ -0,0 +1,104 @@
+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 = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import React, { useEffect, useRef, useState } from 'react';
+import { BizLayout, BizChart, BizTable } from '@zgfe/business-lib';
+import chartData, { formateTableData, getColumn } from './data';
+import { Form, Input, Button } from 'antd';
+export default (function () {
+  var _useState = useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    column = _useState2[0],
+    setColumn = _useState2[1];
+  var _useState3 = useState([]),
+    _useState4 = _slicedToArray(_useState3, 2),
+    tableData = _useState4[0],
+    setTableData = _useState4[1];
+  var formRef = useRef(null);
+  useEffect(function () {
+    setColumn(getColumn(chartData.x_axis));
+    setTableData(formateTableData(chartData.series));
+  }, []);
+  var onFinish = function onFinish(values) {
+    console.log('Success:', values);
+  };
+  var topPanel = /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Form, {
+    name: "basic",
+    labelCol: {
+      span: 8
+    },
+    wrapperCol: {
+      span: 16
+    },
+    style: {
+      maxWidth: 600
+    },
+    initialValues: {
+      remember: true
+    },
+    onFinish: onFinish,
+    autoComplete: "off"
+  }, /*#__PURE__*/React.createElement(Form.Item, {
+    label: "\u7528\u6237\u7FA4",
+    name: "username",
+    rules: [{
+      required: true,
+      message: 'Please input your username!'
+    }]
+  }, /*#__PURE__*/React.createElement(Input, null)), /*#__PURE__*/React.createElement("p", {
+    style: {
+      textAlign: 'center',
+      paddingBottom: 4,
+      fontSize: 12,
+      color: '#9AA1A9',
+      borderBottom: '1px solid #ECEDF0'
+    }
+  }, "\u8FD9\u662F\u4E0D\u88AB\u6298\u53E0\u533A\u57DF"), /*#__PURE__*/React.createElement("div", {
+    ref: formRef
+  }, /*#__PURE__*/React.createElement(Form.Item, {
+    label: "\u6307\u6807",
+    name: "password",
+    rules: [{
+      required: true,
+      message: 'Please input your password!'
+    }]
+  }, /*#__PURE__*/React.createElement(Input, null)), /*#__PURE__*/React.createElement(Form.Item, {
+    wrapperCol: {
+      offset: 8,
+      span: 16
+    }
+  }, /*#__PURE__*/React.createElement(Button, {
+    type: "primary",
+    htmlType: "submit"
+  }, "Submit")))));
+  return /*#__PURE__*/React.createElement("div", {
+    style: {
+      boxShadow: '0px 4px 10px 0px rgba(0, 0, 0, 0.10)'
+    }
+  }, /*#__PURE__*/React.createElement(BizLayout, {
+    title: "\u6D1E\u5BDF",
+    hasCollapse: true,
+    collapseRef: formRef,
+    topPanel: topPanel
+  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+    style: {
+      border: '1px solid #ECEDF0',
+      borderRadius: 8,
+      padding: '24px 16px',
+      marginBottom: 16
+    }
+  }, /*#__PURE__*/React.createElement(BizChart, {
+    data: chartData,
+    type: "line"
+  })), /*#__PURE__*/React.createElement(BizTable, {
+    columns: column,
+    dataSource: tableData,
+    rowKey: "id",
+    scroll: {
+      x: 1500
+    }
+  }))));
+});

package/es/layout/columnLayout/index.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { LayoutTypes } from './types';
+import './index.less';
+declare const BizLayout: React.FC<LayoutTypes.Props>;
+export default BizLayout;

package/es/layout/columnLayout/index.js

@@ -0,0 +1,45 @@
+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 = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import React, { useRef, useState } from 'react';
+import './index.less';
+import { IconFont } from '../..';
+var classPrefix = 'biz-layout';
+var BizLayout = function BizLayout(props) {
+  var _useState = useState(true),
+    _useState2 = _slicedToArray(_useState, 2),
+    isOpen = _useState2[0],
+    setIsOpen = _useState2[1];
+  var collapseRef = useRef(null);
+  var onCollapse = function onCollapse() {
+    var dom = props.collapseRef || collapseRef;
+    dom.current.style.display = isOpen ? 'none' : 'block';
+    setIsOpen(function (open) {
+      return !open;
+    });
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: classPrefix
+  }, props.title && props.showTitle ? /*#__PURE__*/React.createElement("div", {
+    className: "".concat(classPrefix, "-title")
+  }, props.title) : null, /*#__PURE__*/React.createElement("div", {
+    className: "".concat(classPrefix, "-top")
+  }, /*#__PURE__*/React.createElement("div", {
+    ref: collapseRef
+  }, props.topPanel), props.hasCollapse ? /*#__PURE__*/React.createElement("div", {
+    className: "".concat(classPrefix, "-collapse-handle"),
+    onClick: onCollapse
+  }, /*#__PURE__*/React.createElement(IconFont, {
+    className: isOpen ? 'transform180' : '',
+    type: "xiangxia"
+  }), ' ', /*#__PURE__*/React.createElement("span", null, isOpen ? '收起' : '展开')) : null), /*#__PURE__*/React.createElement("div", {
+    className: "".concat(classPrefix, "-content")
+  }, props.children));
+};
+BizLayout.defaultProps = {
+  showTitle: true
+};
+export default BizLayout;

package/es/layout/columnLayout/index.less

@@ -0,0 +1,50 @@
+@import '../../assets/styles/inner.less';
+
+.biz-layout {
+  background: #fafafb;
+  &-title {
+    display: flex;
+    align-items: center;
+    width: 100%;
+    height: 48px;
+    padding: 0 24px;
+    font-weight: 500;
+    font-size: 16px;
+    background: #fff;
+    border-bottom: 1px solid #f2f3f4;
+  }
+
+  &-top {
+    margin: 16px 24px;
+    padding-top: 24px;
+    background-color: #fff;
+    border: 1px solid #ecedf0;
+    border-radius: 8px;
+  }
+
+  &-collapse-handle {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 100%;
+    height: 32px;
+    color: #9aa1a9;
+    cursor: pointer;
+
+    &:hover {
+      color: @primary-color;
+    }
+
+    .bsicon {
+      margin-right: 8px;
+    }
+    .transform180 {
+      transform: rotateX(180deg);
+    }
+  }
+
+  &-content {
+    padding: 24px;
+    background-color: #fff;
+  }
+}

package/es/layout/columnLayout/types.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode } from 'react';
+export declare namespace LayoutTypes {
+    interface Props {
+        title?: string;
+        showTitle?: boolean;
+        hasCollapse?: boolean;
+        collapseRef?: any;
+        topPanel: ReactNode;
+        children: ReactNode;
+    }
+}

package/es/layout/columnLayout/types.js

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

package/es/layout/optionTitle/demo/index.js

@@ -93,8 +93,7 @@ export default (function () {
     console.log(type, data);
   };
   return /*#__PURE__*/React.createElement(DemoWrapper, {
-    needMeta: true,
-    defaultApp: 292
+    needMeta: true
   }, /*#__PURE__*/React.createElement("div", {
     style: {
       background: '#FAFAFB',

package/es/layout/optionTitle/demo/panelCreate.js

@@ -93,8 +93,7 @@ export default (function () {
     console.log(type, data);
   };
   return /*#__PURE__*/React.createElement(DemoWrapper, {
-    needMeta: true,
-    defaultApp: 292
+    needMeta: true
   }, /*#__PURE__*/React.createElement("div", {
     style: {
       background: '#FAFAFB',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zgfe/business-lib",
-  "version": "1.1.63",
+  "version": "1.1.65",
   "scripts": {
     "start": "dumi dev",
     "docs:build": "dumi build",
@@ -60,5 +60,5 @@
     "react": "^16.12.0 || ^17.0.0",
     "yorkie": "^2.0.0"
   },
-  "gitHead": "12f82365b465ec70424d5586890389a1208a4f60"
+  "gitHead": "62d57de62eac14ade9a5a5e58d10c49ef88078e7"
 }