@zgfe/business-lib 1.0.0-beta.1

package/es/dialog/components/list.js

@@ -0,0 +1,57 @@
+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 { IconFont } from '../..';
+import { typeMenus } from '../data/chart';
+import './style/list.less';
+
+var BizList = function BizList(props) {
+  var _props$options = props.options,
+      options = _props$options === void 0 ? typeMenus : _props$options,
+      value = props.value,
+      onChange = props.onChange;
+
+  var _useState = useState(value || options[0].id),
+      _useState2 = _slicedToArray(_useState, 2),
+      selectList = _useState2[0],
+      setSelectList = _useState2[1];
+
+  useEffect(function () {
+    if (!value) {
+      onChange && onChange(options[0].id);
+    }
+  }, []);
+  return /*#__PURE__*/React.createElement("div", {
+    className: "biz-list-container"
+  }, options.map(function (item) {
+    return /*#__PURE__*/React.createElement("div", {
+      key: item.id,
+      className: "biz-list-item ".concat(selectList === item.id ? 'active' : ''),
+      onClick: function onClick() {
+        setSelectList(function () {
+          return item.id;
+        });
+        onChange && onChange(item.id);
+      }
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "biz-list-title"
+    }, item.icon && /*#__PURE__*/React.createElement(IconFont, {
+      className: "biz-icon",
+      type: item.icon
+    }), item.title), /*#__PURE__*/React.createElement("div", {
+      className: "biz-list-content"
+    }, item.content));
+  }));
+};
+
+export default BizList;

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

@@ -0,0 +1,43 @@
+import React from 'react';
+import { SelectProps } from 'antd';
+import '../style/index.less';
+interface fieldNamesProps {
+    label: string;
+    value: string;
+}
+interface SelectInputProps extends SelectProps {
+    fieldNames?: fieldNamesProps;
+    /**
+     * @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       false
+     */
+    value?: string | number;
+    /**
+     * @description   值改变回调
+     * @default       -
+     */
+    onChange?: (value?: string | number) => void;
+    onChangeType?: (type: boolean) => void;
+}
+declare const BizSelectToInput: React.FC<SelectInputProps>;
+export default BizSelectToInput;

package/es/dialog/components/selectToInput.js

@@ -0,0 +1,107 @@
+var _excluded = ["options", "search", "create", "name", "value", "onChange", "onChangeType"];
+
+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 React, { useEffect, useState } from 'react';
+import { BizSelect, IconFont } from '../..';
+import { Input } from 'antd';
+import '../style/index.less';
+
+var BizSelectToInput = function BizSelectToInput(props) {
+  var options = props.options,
+      _props$search = props.search,
+      search = _props$search === void 0 ? true : _props$search,
+      _props$create = props.create,
+      create = _props$create === void 0 ? true : _props$create,
+      _props$name = props.name,
+      name = _props$name === void 0 ? '' : _props$name,
+      value = props.value,
+      _onChange = props.onChange,
+      onChangeType = props.onChangeType,
+      res = _objectWithoutProperties(props, _excluded);
+
+  var _useState = useState(true),
+      _useState2 = _slicedToArray(_useState, 2),
+      isSelect = _useState2[0],
+      setIsSelect = _useState2[1];
+
+  var _useState3 = useState(value),
+      _useState4 = _slicedToArray(_useState3, 2),
+      selectValue = _useState4[0],
+      setSelectValue = _useState4[1];
+
+  useEffect(function () {
+    onChangeType && onChangeType(isSelect);
+
+    if (isSelect) {
+      _onChange && _onChange(selectValue);
+    } else {
+      _onChange && _onChange();
+    }
+  }, [isSelect]);
+  return /*#__PURE__*/React.createElement("div", null, isSelect ? /*#__PURE__*/React.createElement(BizSelect, _objectSpread(_objectSpread({
+    options: options,
+    search: search,
+    create: create,
+    size: "middle",
+    value: selectValue,
+    name: name
+  }, res), {}, {
+    createOption: function createOption() {
+      setIsSelect(function () {
+        return false;
+      });
+    },
+    onChange: function onChange(value) {
+      _onChange && _onChange(value);
+      setSelectValue(function () {
+        return value;
+      });
+    }
+  })) : /*#__PURE__*/React.createElement("div", {
+    className: "biz-flex"
+  }, /*#__PURE__*/React.createElement(Input, {
+    className: "biz-input",
+    placeholder: "\u8F93\u5165".concat(name),
+    autoFocus: !isSelect,
+    allowClear: {
+      clearIcon: /*#__PURE__*/React.createElement(IconFont, {
+        className: "biz-icon",
+        type: 'icon-qingchu'
+      })
+    },
+    onBlur: function onBlur(e) {
+      _onChange && _onChange(e.target.value);
+    }
+  }), /*#__PURE__*/React.createElement(IconFont, {
+    className: "biz-icon biz-icon-switch",
+    type: "icon-shurukuang_fanhui",
+    onClick: function onClick() {
+      setIsSelect(function () {
+        return true;
+      });
+    }
+  })));
+};
+
+export default BizSelectToInput;

package/es/dialog/components/style/list.less

@@ -0,0 +1,59 @@
+@import '../../../commonStyle/index.less';
+
+.biz-list-container {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-between;
+  padding: 16px;
+  padding-bottom: 1px;
+  background-color: @grayBgColor;
+  border-radius: 10px;
+
+  .biz-list-item {
+    box-sizing: border-box;
+    width: calc((100% - 45px) / 4);
+    margin-bottom: 15px;
+    padding: 16px 24px;
+    border: 1px solid #cacdd4;
+    border-radius: 4px;
+    cursor: pointer;
+    &:not(:nth-child(4n + 1)) {
+      margin-left: 15px;
+    }
+
+    &.active {
+      border-color: @themeColor;
+    }
+
+    &:hover {
+      border-color: @hoverBgColor;
+    }
+
+    &.active,
+    &:hover {
+      background-color: @hoverBgColor;
+
+      .biz-list-content,
+      .biz-list-title,
+      .biz-list-title .biz-icon {
+        color: @themeColor;
+      }
+    }
+
+    .biz-list-title {
+      margin-bottom: 14px;
+      color: @fontColor2;
+      line-height: 20px;
+
+      .biz-icon {
+        margin-right: 14px;
+        color: @fontColor2;
+      }
+    }
+
+    .biz-list-content {
+      color: @fontColor3;
+      font-size: 12px;
+    }
+  }
+}

package/es/dialog/components/style/tab.less

@@ -0,0 +1,61 @@
+@import '../../../commonStyle/index.less';
+
+.biz-tab-container {
+  display: flex;
+  color: @titleColor;
+
+  .biz-tab-item {
+    display: flex;
+    align-items: center;
+    height: 40px;
+    padding: 0 12px;
+    background: #fff;
+    border: 1px solid @borderColor;
+    cursor: pointer;
+
+    .biz-icon {
+      margin-right: 7px;
+      color: @titleColor;
+      font-size: 18px;
+    }
+
+    &:not(:last-child) {
+      border-right-color: transparent;
+    }
+
+    &:first-child {
+      border-radius: 4px 0px 0px 4px;
+    }
+
+    &:last-child {
+      border-radius: 0px 4px 4px 0px;
+    }
+
+    &.disabled {
+      color: @disableColor;
+      background: #fafafb;
+      cursor: not-allowed;
+
+      .biz-icon {
+        color: @disableColor;
+      }
+    }
+
+    &:not(.disabled, .active):hover {
+      .box-hover();
+      .biz-icon {
+        color: @themeColor;
+      }
+    }
+
+    &:not(.disabled).active {
+      color: @themeColor;
+      background: @hoverBgColor;
+      border: 1px solid @themeColor;
+
+      .biz-icon {
+        color: @themeColor;
+      }
+    }
+  }
+}

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

@@ -0,0 +1,9 @@
+import React from 'react';
+import './style/tab.less';
+interface BizTabProps {
+    value?: string | number;
+    options?: Array<string | number>;
+    onChange?: (value: string) => void;
+}
+declare const BizTab: React.FC<BizTabProps>;
+export default BizTab;

package/es/dialog/components/tab.js

@@ -0,0 +1,50 @@
+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 { IconFont } from '../..';
+import { chartTypes } from '../data/chart';
+import './style/tab.less';
+
+var BizTab = function BizTab(props) {
+  var _props$options = props.options,
+      options = _props$options === void 0 ? [] : _props$options,
+      value = props.value,
+      onChange = props.onChange;
+
+  var _useState = useState(value),
+      _useState2 = _slicedToArray(_useState, 2),
+      tab = _useState2[0],
+      setTab = _useState2[1];
+
+  return /*#__PURE__*/React.createElement("div", {
+    className: "biz-tab-container"
+  }, chartTypes.map(function (item) {
+    var isDisabled = options.indexOf(item.label) === -1;
+    return /*#__PURE__*/React.createElement("div", {
+      key: item.value,
+      className: "biz-tab-item ".concat(isDisabled ? 'disabled' : '', " ").concat(tab === item.value ? 'active' : ''),
+      onClick: function onClick() {
+        if (isDisabled || tab === item.value) return;
+        setTab(function () {
+          return item.value;
+        });
+        onChange && onChange(item.value);
+      }
+    }, /*#__PURE__*/React.createElement(IconFont, {
+      className: "biz-icon",
+      type: item.icon
+    }), /*#__PURE__*/React.createElement("span", null, item.label));
+  }));
+};
+
+export default BizTab;

package/es/dialog/data/chart.d.ts

@@ -0,0 +1,11 @@
+export declare const chartTypes: {
+    label: string;
+    value: string;
+    icon: string;
+}[];
+export declare const typeMenus: {
+    id: number;
+    title: string;
+    content: string;
+    icon: string;
+}[];

package/es/dialog/data/chart.js

@@ -0,0 +1,62 @@
+export var chartTypes = [{
+  label: '趋势图',
+  value: 'line',
+  icon: 'icon-qushitu1'
+}, {
+  label: '汇总图',
+  value: 'bar',
+  icon: 'icon-huizongtu'
+}, {
+  label: '地图',
+  value: 'map',
+  icon: 'icon-ditu'
+}, {
+  label: '表格',
+  value: 'table',
+  icon: 'icon-biaoge'
+}, {
+  label: '分数',
+  value: 'fraction',
+  icon: 'icon-fenshu'
+}];
+export var typeMenus = [{
+  id: 1,
+  title: '整体情况',
+  content: '数据、活跃数据、会话时长、使用次数',
+  icon: 'icon-fenshu'
+}, {
+  id: 2,
+  title: '洞察',
+  content: '行为触发情况',
+  icon: 'icon-fenshu'
+}, {
+  id: 3,
+  title: '漏斗',
+  content: '转换情况',
+  icon: 'icon-fenshu'
+}, {
+  id: 4,
+  title: '自定义指标',
+  content: '自定义指标',
+  icon: 'icon-fenshu'
+}, {
+  id: 5,
+  title: '间隔',
+  content: '分析用户任意两个行为之间的时长间隔',
+  icon: 'icon-fenshu'
+}, {
+  id: 6,
+  title: '行为路径',
+  content: '事件触发后的工作和来源行为',
+  icon: 'icon-fenshu'
+}, {
+  id: 7,
+  title: '留存',
+  content: '新增用户、活跃用户、自定义留存',
+  icon: 'icon-fenshu'
+}, {
+  id: 8,
+  title: '收入',
+  content: '收入情况',
+  icon: 'icon-fenshu'
+}];

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

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

package/es/dialog/demo/index.js

@@ -0,0 +1,122 @@
+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; }
+
+import React, { useState } from 'react';
+import { BizDialog } from 'business-lib';
+import { Button } from 'antd';
+var options = ['分类一', '分类二', '分类三'];
+var chartTypes = ['趋势图', '汇总图', '地图'];
+var fields = [{
+  label: '分类',
+  name: 'class',
+  type: 'selectToInput',
+  options: options,
+  children: ['range'],
+  rules: [{
+    required: true,
+    message: '请选择分类'
+  }]
+}, {
+  label: '',
+  name: 'range',
+  type: 'radio',
+  dependencies: 'class',
+  hidden: true,
+  options: [{
+    label: '公开',
+    value: 'public'
+  }, {
+    label: '指定人员明显',
+    value: 'appoint'
+  }, {
+    label: '仅自己可见',
+    value: 'own'
+  }]
+}, {
+  label: '名称',
+  name: 'name',
+  type: 'input',
+  rules: [{
+    required: true,
+    message: '请输入名称'
+  }]
+}, {
+  label: '图表',
+  name: 'chart',
+  type: 'tab',
+  options: chartTypes,
+  rules: [{
+    required: true,
+    message: '请选择图表'
+  }]
+}, {
+  label: '显示',
+  name: 'show',
+  type: 'radio',
+  direction: 'vertical',
+  options: [{
+    label: '动态显示数据最多的5个分组',
+    value: 'dynamic'
+  }, {
+    label: '固定显示当前选择的分组',
+    value: 'fix'
+  }],
+  rules: [{
+    required: true,
+    message: '请选择'
+  }]
+}];
+var formData = {
+  class: '分类一',
+  range: 'public',
+  show: 'dynamic'
+};
+export default (function () {
+  var _useState = useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      visible = _useState2[0],
+      setVisible = _useState2[1];
+
+  var _useState3 = useState(),
+      _useState4 = _slicedToArray(_useState3, 2),
+      dialogData = _useState4[0],
+      setDialogData = _useState4[1];
+
+  var handleSubmit = function handleSubmit(data) {
+    setDialogData(function () {
+      return _objectSpread({}, data);
+    });
+    setVisible(false);
+  };
+
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Button, {
+    type: "primary",
+    onClick: function onClick() {
+      setVisible(true);
+    }
+  }, "\u5411\u770B\u677F\u6DFB\u52A0\u6307\u6807"), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("p", null, JSON.stringify(dialogData)), /*#__PURE__*/React.createElement(BizDialog, {
+    title: "\u5411\u770B\u677F\u6DFB\u52A0\u6307\u6807",
+    visible: visible,
+    onOk: handleSubmit,
+    fields: fields,
+    initialValues: formData,
+    onCancel: function onCancel() {
+      setVisible(false);
+    }
+  }));
+});

package/es/dialog/demo/index2.d.ts

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

package/es/dialog/demo/index2.js

@@ -0,0 +1,79 @@
+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; }
+
+import React, { useState } from 'react';
+import { BizDialog } from 'business-lib';
+import { Button } from 'antd';
+var options = ['分类一', '分类二', '分类三'];
+var fields = [{
+  label: '场景分类',
+  name: 'class',
+  type: 'selectToInput',
+  options: options,
+  rules: [{
+    required: true,
+    message: '请选择场景分类'
+  }]
+}, {
+  label: '场景名称',
+  name: 'name',
+  type: 'password',
+  rules: [{
+    required: true,
+    message: '请输入场景名称'
+  }]
+}];
+var formData = {
+  class: '分类一'
+};
+export default (function () {
+  var _useState = useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      visible = _useState2[0],
+      setVisible = _useState2[1];
+
+  var _useState3 = useState(),
+      _useState4 = _slicedToArray(_useState3, 2),
+      dialogData = _useState4[0],
+      setDialogData = _useState4[1];
+
+  var handleSubmit = function handleSubmit(data) {
+    setDialogData(function () {
+      return _objectSpread({}, data);
+    });
+    setVisible(false);
+  };
+
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Button, {
+    type: "primary",
+    onClick: function onClick() {
+      setVisible(true);
+    }
+  }, "\u6DFB\u52A0\u5230\u5E38\u7528\u573A\u666F"), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("p", null, JSON.stringify(dialogData)), /*#__PURE__*/React.createElement(BizDialog, {
+    title: "\u6DFB\u52A0\u5230\u5E38\u7528\u573A\u666F",
+    visible: visible,
+    onOk: handleSubmit,
+    fields: fields,
+    showMark: true,
+    layout: "vertical",
+    initialValues: formData,
+    onCancel: function onCancel() {
+      setVisible(false);
+    }
+  }));
+});