tntd 1.4.17 → 2.0.0-beta-1

package/lib/business-components/query-form/index.js

@@ -0,0 +1,282 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importStar(require("react"));
+const classnames_1 = __importDefault(require("classnames"));
+const lodash_1 = require("lodash");
+const antd_1 = require("antd");
+const useForm_1 = __importDefault(require("./useForm"));
+const createActions_1 = __importDefault(require("./createActions"));
+const tntd_icon_1 = __importDefault(require("../tntd-icon"));
+const Field_1 = __importDefault(require("./Field"));
+const locale_1 = require("../locale");
+require("./index.less");
+const clsPrefix = 'tnt-queryform';
+class QueryForm extends react_1.default.PureComponent {
+    constructor(props) {
+        super(props);
+        Object.defineProperty(this, "onWindowResize", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: (0, lodash_1.debounce)(() => {
+                const { current } = this.fieldsRef;
+                if (current) {
+                    setTimeout(() => {
+                        this.setState({
+                            showMore: this.isFieldsWidthOverflow(),
+                        });
+                    }, 25);
+                }
+            }, 50)
+        });
+        Object.defineProperty(this, "search", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: (params) => {
+                this.props.onSearch(Object.assign(Object.assign({}, this.form.getValues()), params));
+            }
+        });
+        Object.defineProperty(this, "onSearch", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: () => {
+                var _a, _b;
+                (_b = (_a = this.props).onSearch) === null || _b === void 0 ? void 0 : _b.call(_a, this.form.getValues());
+            }
+        });
+        Object.defineProperty(this, "onReset", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: () => {
+                const { initialValues, onReset } = this.props;
+                this.form.setValues(Object.assign({}, initialValues));
+                this.updateDrawerFieldsValueCount();
+                onReset === null || onReset === void 0 ? void 0 : onReset(initialValues);
+            }
+        });
+        Object.defineProperty(this, "onToggleExpand", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: () => {
+                var _a, _b;
+                this.setState({
+                    expanded: !this.state.expanded,
+                });
+                (_b = (_a = this.props).onToggleExpand) === null || _b === void 0 ? void 0 : _b.call(_a, !this.state.expanded);
+            }
+        });
+        Object.defineProperty(this, "onShowDrawer", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: () => {
+                this.setState({ drawerVisible: true });
+            }
+        });
+        Object.defineProperty(this, "onFieldChange", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: (name, value, ...rest) => {
+                const values = this.form.getValues();
+                const newValues = Object.assign(Object.assign({}, values), { [name]: value });
+                const changedInfo = { name, value, preValue: values === null || values === void 0 ? void 0 : values[name] };
+                const { onChange } = this.props;
+                this.form.setData('values', newValues);
+                onChange && onChange(newValues, changedInfo, ...rest);
+                this.updateDrawerFieldsValueCount(newValues);
+            }
+        });
+        Object.defineProperty(this, "updateDrawerFieldsValueCount", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: () => {
+                const values = this.form.getValues();
+                const { showFieldCount, children } = this.props;
+                if (showFieldCount) {
+                    const drawerFieldsValueCount = children.reduce((acc, cur, index) => {
+                        var _a;
+                        if (index >= showFieldCount && (values === null || values === void 0 ? void 0 : values[(_a = cur === null || cur === void 0 ? void 0 : cur.props) === null || _a === void 0 ? void 0 : _a.name])) {
+                            acc++;
+                        }
+                        return acc;
+                    }, 0);
+                    if (drawerFieldsValueCount !== this.state.drawerFieldsValueCount) {
+                        this.setState({
+                            drawerFieldsValueCount,
+                        });
+                    }
+                }
+            }
+        });
+        const { form, initialValues, showExpand = true, renderActions, defaultExpanded } = props;
+        this.state = {
+            showMore: false,
+            expanded: defaultExpanded || !showExpand || renderActions ? true : false,
+            drawerVisible: false,
+            drawerFieldsValueCount: 0,
+        };
+        this.fieldsRef = (0, react_1.createRef)();
+        this.formBoxRef = (0, react_1.createRef)();
+        this.form = form || (0, createActions_1.default)();
+        this.form.setData('initialValues', initialValues);
+        this.form.setData('values', Object.assign({}, initialValues));
+    }
+    render() {
+        const { children, className = '', initialValues = {}, renderActions, showSearch = true, showReset = true, showFieldCount, drawerProps = {}, size, } = this.props;
+        const extraActions = this.props.extraActions;
+        const { expanded, showMore, drawerVisible, drawerFieldsValueCount } = this.state;
+        const renderFormActions = renderActions ||
+            (() => (react_1.default.createElement(react_1.default.Fragment, null,
+                showFieldCount && (react_1.default.createElement(antd_1.Badge, { count: drawerFieldsValueCount },
+                    react_1.default.createElement(antd_1.Button, { onClick: this.onShowDrawer },
+                        react_1.default.createElement(tntd_icon_1.default, { type: "filter" }),
+                        this.getText('moreFiltering')))),
+                showSearch && (react_1.default.createElement(antd_1.Button, { type: "primary", onClick: this.onSearch }, this.getText('search'))),
+                showReset && react_1.default.createElement(antd_1.Button, { onClick: this.onReset }, this.getText('reset')),
+                showMore && !showFieldCount && (react_1.default.createElement(antd_1.Button, { className: "expand-link", type: "link", onClick: this.onToggleExpand }, this.getText(expanded ? 'collapse' : 'expand'))),
+                react_1.default.Children.map(children, (child) => { var _a; return child && ((_a = child === null || child === void 0 ? void 0 : child.props) === null || _a === void 0 ? void 0 : _a.align) === 'right' && react_1.default.cloneElement(child); }))));
+        return (react_1.default.createElement("div", { ref: this.formBoxRef, className: (0, classnames_1.default)(clsPrefix, { [className]: className }) },
+            react_1.default.createElement(antd_1.Form, { layout: "inline", className: (0, classnames_1.default)({ expanded: !showMore || expanded, showMore }) },
+                react_1.default.createElement("div", { ref: this.fieldsRef }, react_1.default.Children.map(children, (child, index) => {
+                    var _a;
+                    return child &&
+                        ((_a = child === null || child === void 0 ? void 0 : child.props) === null || _a === void 0 ? void 0 : _a.align) !== 'right' &&
+                        (!showFieldCount || showFieldCount > index) &&
+                        react_1.default.cloneElement(child, {
+                            form: this.form,
+                            initialValue: initialValues === null || initialValues === void 0 ? void 0 : initialValues[child.props.name],
+                            onChange: this.onFieldChange,
+                        });
+                })),
+                react_1.default.createElement("div", { className: `${clsPrefix}-actions` }, renderFormActions()),
+                showFieldCount && (react_1.default.createElement(antd_1.Drawer, Object.assign({ title: this.getText('moreFiltering'), visible: drawerVisible, onClose: () => this.setState({ drawerVisible: false }), width: 300, size: size, getContainer: false }, drawerProps, { className: (0, classnames_1.default)(`${clsPrefix}-drawer`, {
+                        'large-size': size === 'large',
+                        [className]: className,
+                    }) }),
+                    react_1.default.Children.map(children, (child, index) => child &&
+                        index >= showFieldCount &&
+                        react_1.default.cloneElement(child, {
+                            form: this.form,
+                            isFieldInDrawer: true,
+                            initialValue: initialValues === null || initialValues === void 0 ? void 0 : initialValues[child.props.name],
+                            onChange: this.onFieldChange,
+                            onSearch: this.onSearch,
+                        })),
+                    react_1.default.createElement(antd_1.Button, { type: "primary", onClick: this.onSearch }, this.getText('search')),
+                    react_1.default.createElement(antd_1.Button, { onClick: this.onReset }, this.getText('reset'))))),
+            extraActions && react_1.default.createElement("div", { className: `${clsPrefix}-extra` }, extraActions)));
+    }
+    getText(key) {
+        return (0, locale_1.getText)(key, this.props.language || (0, locale_1.getLanguage)());
+    }
+    isFieldsWidthOverflow() {
+        const { current } = this.fieldsRef;
+        if (current) {
+            return (current.offsetWidth <
+                [].reduce.call(current.children, (acc, cur) => {
+                    const marginArray = window
+                        .getComputedStyle(cur)
+                        .margin.split(' ')
+                        .map((str) => parseInt(str, 10));
+                    acc += cur.offsetWidth + marginArray[1];
+                    return acc;
+                }, 0));
+        }
+        return false;
+    }
+    updateFieldHeight() {
+        var _a, _b, _c;
+        const { formBoxRef, fieldsRef } = this;
+        const getFieldHeight = () => {
+            var _a;
+            const { current } = fieldsRef;
+            let height = '32px';
+            if (current && ((_a = current.children) === null || _a === void 0 ? void 0 : _a[0])) {
+                height = window.getComputedStyle(current.children[0]).height;
+            }
+            return height;
+        };
+        const queryFormActionsDom = (_a = formBoxRef === null || formBoxRef === void 0 ? void 0 : formBoxRef.current) === null || _a === void 0 ? void 0 : _a.querySelector(`.${clsPrefix}-actions`);
+        const queryFormExtraDom = (_b = formBoxRef === null || formBoxRef === void 0 ? void 0 : formBoxRef.current) === null || _b === void 0 ? void 0 : _b.querySelector(`.${clsPrefix}-extra`);
+        const formItemsDomList = (_c = fieldsRef === null || fieldsRef === void 0 ? void 0 : fieldsRef.current) === null || _c === void 0 ? void 0 : _c.querySelectorAll('.ant-form-item-control');
+        const fieldHeight = getFieldHeight();
+        fieldsRef.current.style.height = fieldHeight;
+        [queryFormActionsDom, queryFormExtraDom].forEach((item) => {
+            item &&
+                Object.assign(item.style, {
+                    height: fieldHeight,
+                    lineHeight: fieldHeight,
+                });
+        });
+        [].forEach.call(formItemsDomList, (item) => {
+            item.style.lineHeight = fieldHeight;
+        });
+    }
+    componentDidMount() {
+        const { current } = this.fieldsRef;
+        const { showFieldCount, showExpand = true, renderActions } = this.props;
+        this.updateFieldHeight();
+        this.form.on('search', this.search);
+        // 未设置第一行显示数量且禁止了展开操作 或 自定义了操作区域，则不需要处理展开计算逻辑
+        // || renderActions
+        if (!showFieldCount && !showExpand) {
+            return;
+        }
+        if (!showFieldCount) {
+            if (current && this.isFieldsWidthOverflow()) {
+                this.setState({
+                    showMore: true,
+                });
+            }
+            window.addEventListener('resize', this.onWindowResize);
+        }
+        else {
+            this.updateDrawerFieldsValueCount();
+            this.form.on('setValues', this.updateDrawerFieldsValueCount);
+            this.form.on('setValue', this.updateDrawerFieldsValueCount);
+        }
+    }
+    componentWillUnmount() {
+        window.removeEventListener('resize', this.onWindowResize);
+        this.form.off('setValues', this.updateDrawerFieldsValueCount);
+        this.form.off('setValue', this.updateDrawerFieldsValueCount);
+        this.form.off('search', this.search);
+    }
+}
+QueryForm.Field = Field_1.default;
+QueryForm.useForm = useForm_1.default;
+QueryForm.createForm = createActions_1.default;
+exports.default = QueryForm;
+//# sourceMappingURL=index.js.map

package/lib/business-components/query-form/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/business-components/query-form/index.js"],"names":[],"mappings":"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","sourcesContent":["import React, { createRef } from 'react'\nimport classnames from 'classnames'\nimport { debounce } from 'lodash'\nimport { Form, Button, Drawer, Badge } from 'antd'\nimport useForm from './useForm'\nimport createActions from './createActions'\nimport Icon from '../tntd-icon'\nimport Field from './Field'\nimport { getText, getLanguage } from '../locale'\nimport './index.less'\n\nconst clsPrefix = 'tnt-queryform'\n\nclass QueryForm extends React.PureComponent {\n  constructor(props) {\n    super(props)\n    const { form, initialValues, showExpand = true, renderActions, defaultExpanded } = props\n    this.state = {\n      showMore: false,\n      expanded: defaultExpanded || !showExpand || renderActions ? true : false,\n      drawerVisible: false,\n      drawerFieldsValueCount: 0,\n    }\n    this.fieldsRef = createRef()\n    this.formBoxRef = createRef()\n\n    this.form = form || createActions()\n    this.form.setData('initialValues', initialValues)\n    this.form.setData('values', { ...initialValues })\n  }\n\n  render() {\n    const {\n      children,\n      className = '',\n      initialValues = {},\n      renderActions,\n      showSearch = true,\n      showReset = true,\n      showFieldCount,\n      drawerProps = {},\n      size,\n    } = this.props\n    const extraActions = this.props.extraActions\n    const { expanded, showMore, drawerVisible, drawerFieldsValueCount } = this.state\n    const renderFormActions =\n      renderActions ||\n      (() => (\n        <>\n          {showFieldCount && (\n            <Badge count={drawerFieldsValueCount}>\n              <Button onClick={this.onShowDrawer}>\n                <Icon type=\"filter\" />\n                {this.getText('moreFiltering')}\n              </Button>\n            </Badge>\n          )}\n          {showSearch && (\n            <Button type=\"primary\" onClick={this.onSearch}>\n              {this.getText('search')}\n            </Button>\n          )}\n          {showReset && <Button onClick={this.onReset}>{this.getText('reset')}</Button>}\n          {showMore && !showFieldCount && (\n            <Button className=\"expand-link\" type=\"link\" onClick={this.onToggleExpand}>\n              {this.getText(expanded ? 'collapse' : 'expand')}\n            </Button>\n          )}\n          {React.Children.map(\n            children,\n            (child) => child && child?.props?.align === 'right' && React.cloneElement(child)\n          )}\n        </>\n      ))\n\n    return (\n      <div ref={this.formBoxRef} className={classnames(clsPrefix, { [className]: className })}>\n        <Form layout=\"inline\" className={classnames({ expanded: !showMore || expanded, showMore })}>\n          <div ref={this.fieldsRef}>\n            {React.Children.map(\n              children,\n              (child, index) =>\n                child &&\n                child?.props?.align !== 'right' &&\n                (!showFieldCount || showFieldCount > index) &&\n                React.cloneElement(child, {\n                  form: this.form,\n                  initialValue: initialValues?.[child.props.name],\n                  onChange: this.onFieldChange,\n                })\n            )}\n          </div>\n          <div className={`${clsPrefix}-actions`}>{renderFormActions()}</div>\n          {showFieldCount && (\n            <Drawer\n              title={this.getText('moreFiltering')}\n              visible={drawerVisible}\n              onClose={() => this.setState({ drawerVisible: false })}\n              width={300}\n              size={size}\n              getContainer={false}\n              {...drawerProps}\n              className={classnames(`${clsPrefix}-drawer`, {\n                'large-size': size === 'large',\n                [className]: className,\n              })}\n            >\n              {React.Children.map(\n                children,\n                (child, index) =>\n                  child &&\n                  index >= showFieldCount &&\n                  React.cloneElement(child, {\n                    form: this.form,\n                    isFieldInDrawer: true,\n                    initialValue: initialValues?.[child.props.name],\n                    onChange: this.onFieldChange,\n                    onSearch: this.onSearch,\n                  })\n              )}\n              <Button type=\"primary\" onClick={this.onSearch}>\n                {this.getText('search')}\n              </Button>\n              <Button onClick={this.onReset}>{this.getText('reset')}</Button>\n            </Drawer>\n          )}\n        </Form>\n        {extraActions && <div className={`${clsPrefix}-extra`}>{extraActions}</div>}\n      </div>\n    )\n  }\n\n  getText(key) {\n    return getText(key, this.props.language || getLanguage())\n  }\n\n  isFieldsWidthOverflow() {\n    const { current } = this.fieldsRef\n\n    if (current) {\n      return (\n        current.offsetWidth <\n        [].reduce.call(\n          current.children,\n          (acc, cur) => {\n            const marginArray = window\n              .getComputedStyle(cur)\n              .margin.split(' ')\n              .map((str) => parseInt(str, 10))\n            acc += cur.offsetWidth + marginArray[1]\n            return acc\n          },\n          0\n        )\n      )\n    }\n\n    return false\n  }\n\n  updateFieldHeight() {\n    const { formBoxRef, fieldsRef } = this\n    const getFieldHeight = () => {\n      const { current } = fieldsRef\n      let height = '32px'\n\n      if (current && current.children?.[0]) {\n        height = window.getComputedStyle(current.children[0]).height\n      }\n\n      return height\n    }\n    const queryFormActionsDom = formBoxRef?.current?.querySelector(`.${clsPrefix}-actions`)\n    const queryFormExtraDom = formBoxRef?.current?.querySelector(`.${clsPrefix}-extra`)\n    const formItemsDomList = fieldsRef?.current?.querySelectorAll('.ant-form-item-control')\n    const fieldHeight = getFieldHeight()\n\n    fieldsRef.current.style.height = fieldHeight\n    ;[queryFormActionsDom, queryFormExtraDom].forEach((item) => {\n      item &&\n        Object.assign(item.style, {\n          height: fieldHeight,\n          lineHeight: fieldHeight,\n        })\n    })\n    ;[].forEach.call(formItemsDomList, (item) => {\n      item.style.lineHeight = fieldHeight\n    })\n  }\n\n  onWindowResize = debounce(() => {\n    const { current } = this.fieldsRef\n\n    if (current) {\n      setTimeout(() => {\n        this.setState({\n          showMore: this.isFieldsWidthOverflow(),\n        })\n      }, 25)\n    }\n  }, 50)\n\n  search = (params) => {\n    this.props.onSearch({\n      ...this.form.getValues(),\n      ...params,\n    })\n  }\n\n  onSearch = () => {\n    this.props.onSearch?.(this.form.getValues())\n  }\n\n  onReset = () => {\n    const { initialValues, onReset } = this.props\n\n    this.form.setValues({ ...initialValues })\n    this.updateDrawerFieldsValueCount()\n    onReset?.(initialValues)\n  }\n\n  onToggleExpand = () => {\n    this.setState({\n      expanded: !this.state.expanded,\n    })\n    this.props.onToggleExpand?.(!this.state.expanded)\n  }\n\n  onShowDrawer = () => {\n    this.setState({ drawerVisible: true })\n  }\n\n  onFieldChange = (name, value, ...rest) => {\n    const values = this.form.getValues()\n    const newValues = {\n      ...values,\n      [name]: value,\n    }\n    const changedInfo = { name, value, preValue: values?.[name] }\n    const { onChange } = this.props\n\n    this.form.setData('values', newValues)\n\n    onChange && onChange(newValues, changedInfo, ...rest)\n    this.updateDrawerFieldsValueCount(newValues)\n  }\n\n  updateDrawerFieldsValueCount = () => {\n    const values = this.form.getValues()\n    const { showFieldCount, children } = this.props\n\n    if (showFieldCount) {\n      const drawerFieldsValueCount = children.reduce((acc, cur, index) => {\n        if (index >= showFieldCount && values?.[cur?.props?.name]) {\n          acc++\n        }\n        return acc\n      }, 0)\n\n      if (drawerFieldsValueCount !== this.state.drawerFieldsValueCount) {\n        this.setState({\n          drawerFieldsValueCount,\n        })\n      }\n    }\n  }\n\n  componentDidMount() {\n    const { current } = this.fieldsRef\n    const { showFieldCount, showExpand = true, renderActions } = this.props\n\n    this.updateFieldHeight()\n\n    this.form.on('search', this.search)\n\n    // 未设置第一行显示数量且禁止了展开操作 或 自定义了操作区域，则不需要处理展开计算逻辑\n    // || renderActions\n    if (!showFieldCount && !showExpand) {\n      return\n    }\n\n    if (!showFieldCount) {\n      if (current && this.isFieldsWidthOverflow()) {\n        this.setState({\n          showMore: true,\n        })\n      }\n\n      window.addEventListener('resize', this.onWindowResize)\n    } else {\n      this.updateDrawerFieldsValueCount()\n      this.form.on('setValues', this.updateDrawerFieldsValueCount)\n      this.form.on('setValue', this.updateDrawerFieldsValueCount)\n    }\n  }\n\n  componentWillUnmount() {\n    window.removeEventListener('resize', this.onWindowResize)\n    this.form.off('setValues', this.updateDrawerFieldsValueCount)\n    this.form.off('setValue', this.updateDrawerFieldsValueCount)\n    this.form.off('search', this.search)\n  }\n}\n\nQueryForm.Field = Field\nQueryForm.useForm = useForm\nQueryForm.createForm = createActions\n\nexport default QueryForm\n"]}

package/lib/business-components/query-form/index.less

@@ -0,0 +1,133 @@
+.tnt-queryform {
+  display: flex;
+
+  &-extra {
+    line-height: 32px;
+    margin-left: 12px;
+    & > * {
+      margin-left: 8px;
+    }
+  }
+
+  &-actions {
+    align-items: center;
+    display: inline-block;
+    height: 32px;
+    line-height: 32px;
+
+    & > *:not(.expand-link) {
+      margin-right: 10px;
+    }
+    & > .expand-link {
+      padding: 0;
+      margin-right: 0;
+    }
+    & > .ant-badge {
+      .tnt-icon {
+        margin-right: 8px;
+      }
+    }
+  }
+
+  .ant-form {
+    display: inline-block;
+    margin-bottom: 12px;
+    display: flex;
+    flex: 1;
+    &.ant-form-inline {
+      flex-wrap: unset;
+    }
+
+    & > div:nth-child(1) {
+      height: 32px;
+      overflow: hidden;
+      .ant-form-item-label {
+        label {
+          // bottom: 4px;
+        }
+      }
+    }
+
+    &.expanded {
+      & > div:nth-child(1) {
+        height: auto !important;
+      }
+    }
+
+    &.showMore {
+      & > div:nth-child(1) {
+        .ant-form-item {
+          margin-bottom: 12px;
+        }
+      }
+    }
+
+    & > div:nth-child(2) {
+      display: flex;
+    }
+
+    &.ant-form-inline .ant-form-item {
+      margin-right: 10px;
+      display: inline-block;
+    }
+
+    .ant-form-item-control {
+      // min-width: 160px;
+      line-height: unset;
+      .ant-calendar-picker-input {
+        padding: 0 11px;
+      }
+      .ant-form-item-children {
+        & > .ant-input,
+        & > .ant-input-affix-wrapper {
+          width: 160px;
+          // width: 200px;
+        }
+      }
+    }
+  }
+
+  &-drawer {
+    margin-top: 50px;
+    &.large-size {
+      margin-top: 60px;
+    }
+
+    &.ant-drawer.ant-drawer-open {
+      .ant-drawer-mask {
+        opacity: 0;
+        background: unset;
+      }
+    }
+    .ant-drawer-body {
+      .ant-form-item {
+        display: block;
+        margin-right: 0;
+        margin-bottom: 20px;
+        width: 100%;
+      }
+      .ant-form-item-label {
+        display: block;
+        text-align: left;
+        line-height: 22px;
+        margin-bottom: 10px;
+      }
+      .ant-form-item-control-wrapper,
+      .ant-form-item-control,
+      .ant-calendar-picker,
+      .ant-input {
+        min-width: 100%;
+        width: 100%;
+      }
+
+      & > .ant-btn {
+        display: block;
+        width: 100%;
+        margin-bottom: 10px;
+        &.ant-btn-primary {
+          margin-top: 20px;
+        }
+      }
+    }
+  }
+}

package/lib/business-components/query-form/useForm.d.ts

@@ -0,0 +1,13 @@
+export default function useForm(): {
+    setData(key: any, value: any): void;
+    getData(key: any): void;
+    setValues(values: any): void;
+    getValues(): {};
+    resetValues(): void;
+    setValue(name: any, value: any): void;
+    getValue(name: any): any;
+    on: (eventName: any, callback: any) => void;
+    emit: (...args: any[]) => void;
+    off: (...args: any[]) => void;
+}[];
+//# sourceMappingURL=useForm.d.ts.map

package/lib/business-components/query-form/useForm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useForm.d.ts","sourceRoot":"","sources":["../../../src/business-components/query-form/useForm.js"],"names":[],"mappings":"AAGA;;;;;;;;;;;IAIC"}

package/lib/business-components/query-form/useForm.js

@@ -0,0 +1,13 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = require("react");
+const createActions_1 = __importDefault(require("./createActions"));
+function useForm() {
+    const form = (0, react_1.useRef)((0, createActions_1.default)());
+    return [form.current];
+}
+exports.default = useForm;
+//# sourceMappingURL=useForm.js.map

package/lib/business-components/query-form/useForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useForm.js","sourceRoot":"","sources":["../../../src/business-components/query-form/useForm.js"],"names":[],"mappings":";;;;;AAAA,iCAA8B;AAC9B,oEAA2C;AAE3C,SAAwB,OAAO;IAC7B,MAAM,IAAI,GAAG,IAAA,cAAM,EAAC,IAAA,uBAAa,GAAE,CAAC,CAAA;IAEpC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;AACvB,CAAC;AAJD,0BAIC","sourcesContent":["import { useRef } from 'react'\nimport createActions from './createActions'\n\nexport default function useForm() {\n  const form = useRef(createActions())\n\n  return [form.current]\n}\n"]}

package/lib/business-components/query-list-scene/List.d.ts

@@ -0,0 +1,40 @@
+export default class QueryList extends React.PureComponent<any, any, any> {
+    constructor(props: any);
+    state: {
+        loading: boolean;
+        dataSource: never[];
+        pagination: {
+            current: number;
+            total: number;
+        };
+        scroll: any;
+        hasScrollToBottom: boolean;
+    };
+    tableRef: React.RefObject<any>;
+    render(): JSX.Element;
+    onWindowResize: any;
+    componentDidMount(): void;
+    formData: any;
+    timmer: NodeJS.Timeout | undefined;
+    initialTop: number | undefined;
+    componentWillUnmount(): void;
+    isUnmounted: boolean | undefined;
+    fetchData: (params?: {}, { callback, showLoading, isInterval }?: {
+        callback: any;
+        showLoading?: boolean | undefined;
+        isInterval: any;
+    }) => any;
+    isFetching: boolean | undefined;
+    updateDataSource: (dataSource: any) => void;
+    updatePagination: (pagination: any) => void;
+    onFormChange: (values: any) => void;
+    onSearch: (values: any, { callback, showLoading }?: {
+        callback: any;
+        showLoading?: boolean | undefined;
+    }) => any;
+    onTableChange: (pagination: any, filters: any, sorter: any) => void;
+    onTableBodyScroll: any;
+    updateIsScrollToBottom: (tableBody: any) => void;
+}
+import React from "react";
+//# sourceMappingURL=List.d.ts.map

package/lib/business-components/query-list-scene/List.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"List.d.ts","sourceRoot":"","sources":["../../../src/business-components/query-list-scene/List.js"],"names":[],"mappings":"AAYA;IACE,wBAqBC;IAnBC;;;;;;;;;MAUC;IAED,+BAA2B;IAS7B,sBAyDC;IAED,oBASM;IAEN,0BA+CC;IA5CC,cAIC;IAUS,mCAYM;IAaZ,+BAA0D;IAOhE,6BAWC;IARC,iCAAuB;IAUzB;;;;cAiEC;IAxCG,gCAAsB;IA0C1B,4CAKC;IAED,4CAKC;IAED,oCASC;IAED;;;cAOC;IAED,oEAyCC;IAED,uBAGM;IAEN,iDAUC;CACF"}