tntd 2.0.0-beta-2 → 2.0.1

package/es/page/index.js

@@ -0,0 +1,103 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import cn from 'classnames';
+import React from 'react';
+import Icon from '../tntd-icon';
+import Box from './Box';
+import { addUnitForValue, computeWidth } from './utils';
+import './index.less';
+const clsPrefix = 'tnt-page';
+const isPageBox = (child) => { var _a; return (child === null || child === void 0 ? void 0 : child.type) === Box || ((_a = child === null || child === void 0 ? void 0 : child.props) === null || _a === void 0 ? void 0 : _a.pageBox); };
+const PageLayout = (_a) => {
+    var _b;
+    var { height = '100vh', headerHeight = 50, children, title, goBack, goBackText, center, extra, size = 'small', inLayout = false, className } = _a, restProps = __rest(_a, ["height", "headerHeight", "children", "title", "goBack", "goBackText", "center", "extra", "size", "inLayout", "className"]);
+    // 如果传入只有数字，需要默认加px
+    let computedHeaderHeight = addUnitForValue(headerHeight);
+    let computedHeight = addUnitForValue(height);
+    // 判断是否有标题栏
+    if (!(title || extra || center)) {
+        computedHeaderHeight = '0px';
+    }
+    if (inLayout) {
+        computedHeaderHeight = '40px';
+    }
+    // 计算中间的zIndex，灰色递减，白色递增
+    let whiteCols = 0;
+    let childrenToArray = [];
+    // 计算children type是box的数量
+    let boxCount = 0;
+    // 如果children是单个节点，统一转为数组处理计算层级
+    console.log('children', children);
+    if (typeof children === 'object') {
+        childrenToArray = [children];
+    }
+    else if (Array.isArray(children)) {
+        childrenToArray = [...children];
+    }
+    console.log('React.Children', React.Children);
+    React.Children.map(children, (child) => {
+        if (isPageBox(child)) {
+            boxCount += 1;
+        }
+    });
+    console.log(boxCount);
+    whiteCols = (_b = childrenToArray === null || childrenToArray === void 0 ? void 0 : childrenToArray.filter(({ props }) => (props === null || props === void 0 ? void 0 : props.mode) === 'white')) === null || _b === void 0 ? void 0 : _b.length;
+    const total = (childrenToArray === null || childrenToArray === void 0 ? void 0 : childrenToArray.length) + 5;
+    let startIndex = total - whiteCols - 1;
+    let endIndex = total - 2;
+    const headerStyle = {
+        height: computedHeaderHeight,
+        padding: `${size === 'small' ? 20 : 24}px`,
+        zIndex: inLayout ? 1 : total || 1,
+    };
+    const contentStyle = {
+        display: boxCount > 0 ? 'flex' : 'block',
+        marginTop: computedHeaderHeight,
+        padding: inLayout ? '16px 20px' : '0px',
+    };
+    return (React.createElement("section", Object.assign({ className: cn(clsPrefix, {
+            [className]: className,
+            'in-layout': inLayout,
+            'not-in-layout': !inLayout,
+        }) }, restProps),
+        (title || goBack || center || extra) && (React.createElement("div", { className: `${clsPrefix}-header`, style: headerStyle },
+            React.createElement("div", { className: `${clsPrefix}-header-section` },
+                goBack && (React.createElement("div", { className: "page-header-section-back", onClick: () => {
+                        goBack();
+                    } },
+                    React.createElement(Icon, { type: "left" }),
+                    React.createElement("span", null, goBackText ? goBackText : '返回'))),
+                title),
+            [center, extra].map((item) => (React.createElement("div", { className: `${clsPrefix}-header-section` }, item))))),
+        React.createElement("div", { className: `${clsPrefix}-content`, style: contentStyle }, React.Children.map(children, (child) => {
+            // 如果children不是Box,就不需要多列布局
+            if (!child.type) {
+                // console.log("没有type");
+                return React.cloneElement(React.createElement("div", null, child));
+            }
+            const extraProps = Object.assign({ headerHeight: computedHeaderHeight, size, height: computedHeight, contentTotalMargin: inLayout ? '32px' : '0px', inLayout }, child.props);
+            if (!isPageBox(child)) {
+                return React.cloneElement(child, extraProps);
+            }
+            const { mode = 'gray', width } = child.props;
+            const style = {
+                flex: computeWidth(width),
+                // 设置cols层级关系
+                zIndex: mode === 'gray' ? endIndex-- : startIndex++,
+            };
+            const className = cn(`${clsPrefix}-box ${clsPrefix}-box-${mode}`);
+            return React.createElement('div', { className, style }, React.cloneElement(child, extraProps));
+        }))));
+};
+PageLayout.Box = Box;
+export default PageLayout;
+//# sourceMappingURL=index.js.map

package/es/page/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/page/index.js"],"names":[],"mappings":"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","sourcesContent":["import cn from 'classnames'\nimport React from 'react'\nimport Icon from '../tntd-icon'\nimport Box from './Box'\nimport { addUnitForValue, computeWidth } from './utils'\n\nimport './index.less'\n\nconst clsPrefix = 'tnt-page'\n\nconst isPageBox = (child) => child?.type === Box || child?.props?.pageBox\n\nconst PageLayout = ({\n  height = '100vh',\n  headerHeight = 50,\n  children,\n  title,\n  goBack,\n  goBackText,\n  center,\n  extra,\n  size = 'small',\n  inLayout = false,\n  className,\n  ...restProps\n}) => {\n  // 如果传入只有数字，需要默认加px\n  let computedHeaderHeight = addUnitForValue(headerHeight)\n  let computedHeight = addUnitForValue(height)\n\n  // 判断是否有标题栏\n  if (!(title || extra || center)) {\n    computedHeaderHeight = '0px'\n  }\n\n  if (inLayout) {\n    computedHeaderHeight = '40px'\n  }\n\n  // 计算中间的zIndex，灰色递减，白色递增\n  let whiteCols = 0\n  let childrenToArray = []\n\n  // 计算children type是box的数量\n  let boxCount = 0\n\n  // 如果children是单个节点，统一转为数组处理计算层级\n  console.log('children', children)\n\n  if (typeof children === 'object') {\n    childrenToArray = [children]\n  } else if (Array.isArray(children)) {\n    childrenToArray = [...children]\n  }\n\n  console.log('React.Children', React.Children)\n  React.Children.map(children, (child) => {\n    if (isPageBox(child)) {\n      boxCount += 1\n    }\n  })\n\n  console.log(boxCount)\n\n  whiteCols = childrenToArray?.filter(({ props }) => props?.mode === 'white')?.length\n  const total = childrenToArray?.length + 5\n  let startIndex = total - whiteCols - 1\n  let endIndex = total - 2\n  const headerStyle = {\n    height: computedHeaderHeight,\n    padding: `${size === 'small' ? 20 : 24}px`,\n    zIndex: inLayout ? 1 : total || 1,\n  }\n  const contentStyle = {\n    display: boxCount > 0 ? 'flex' : 'block',\n    marginTop: computedHeaderHeight,\n    padding: inLayout ? '16px 20px' : '0px',\n  }\n\n  return (\n    <section\n      className={cn(clsPrefix, {\n        [className]: className,\n        'in-layout': inLayout,\n        'not-in-layout': !inLayout,\n      })}\n      {...restProps}\n    >\n      {(title || goBack || center || extra) && (\n        <div className={`${clsPrefix}-header`} style={headerStyle}>\n          <div className={`${clsPrefix}-header-section`}>\n            {goBack && (\n              <div\n                className=\"page-header-section-back\"\n                onClick={() => {\n                  goBack()\n                }}\n              >\n                <Icon type=\"left\" />\n                <span>{goBackText ? goBackText : '返回'}</span>\n              </div>\n            )}\n            {title}\n          </div>\n          {[center, extra].map((item) => (\n            <div className={`${clsPrefix}-header-section`}>{item}</div>\n          ))}\n        </div>\n      )}\n      <div className={`${clsPrefix}-content`} style={contentStyle}>\n        {React.Children.map(children, (child) => {\n          // 如果children不是Box,就不需要多列布局\n          if (!child.type) {\n            // console.log(\"没有type\");\n            return React.cloneElement(<div>{child}</div>)\n          }\n\n          const extraProps = {\n            headerHeight: computedHeaderHeight,\n            size,\n            height: computedHeight,\n            contentTotalMargin: inLayout ? '32px' : '0px',\n            inLayout,\n            ...child.props,\n          }\n\n          if (!isPageBox(child)) {\n            return React.cloneElement(child, extraProps)\n          }\n\n          const { mode = 'gray', width } = child.props\n\n          const style = {\n            flex: computeWidth(width),\n            // 设置cols层级关系\n            zIndex: mode === 'gray' ? endIndex-- : startIndex++,\n          }\n\n          const className = cn(`${clsPrefix}-box ${clsPrefix}-box-${mode}`)\n\n          return React.createElement(\n            'div',\n            { className, style },\n            React.cloneElement(child, extraProps)\n          )\n        })}\n      </div>\n    </section>\n  )\n}\n\nPageLayout.Box = Box\n\nexport default PageLayout\n"]}

package/es/page/style/index.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=index.js.map

package/es/page/style/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/page/style/index.ts"],"names":[],"mappings":"","sourcesContent":[""]}

package/es/page/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/page/utils.js"],"names":[],"mappings":"AAAA,MAAM,YAAY,GAAG,CAAC,KAAK,EAAE,EAAE;IAC7B,IAAI,IAAI,GAAG,GAAG,CAAA;IACd,MAAM,WAAW,GAAG,aAAa,CAAC,KAAK,CAAC,CAAA;IACxC,IAAI,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,WAAW,EAAE;QACxC,IAAI,GAAG,OAAO,KAAK,EAAE,CAAA;KACtB;SAAM,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE;QACxB,IAAI,GAAG,OAAO,KAAK,IAAI,CAAA;KACxB;IACD,OAAO,IAAI,CAAA;AACb,CAAC,CAAA;AAED,MAAM,aAAa,GAAG,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAA;AAE1D,MAAM,eAAe,GAAG,CAAC,KAAK,EAAE,IAAI,GAAG,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,KAAK,GAAG,IAAI,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAA;AAE3F,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,eAAe,EAAE,CAAA","sourcesContent":["const computeWidth = (width) => {\n  let flex = '1'\n  const validNumber = isValidNumber(width)\n  if (/(%|px)$/.test(width) && validNumber) {\n    flex = `0 0 ${width}`\n  } else if (!isNaN(width)) {\n    flex = `0 0 ${width}px`\n  }\n  return flex\n}\n\nconst isValidNumber = (value) => !isNaN(parseFloat(value))\n\nconst addUnitForValue = (value, unit = 'px') => (!isNaN(value) ? `${value}${unit}` : value)\n\nexport { computeWidth, isValidNumber, addUnitForValue }\n"]}

package/es/page-header/index.js

@@ -0,0 +1,5 @@
+import PageHeader from 'antd/es/page-header';
+import 'antd/es/page-header/style';
+export * from 'antd/es/page-header';
+export default PageHeader;
+//# sourceMappingURL=index.js.map

package/es/page-header/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/page-header/index.ts"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,qBAAqB,CAAA;AAE5C,OAAO,2BAA2B,CAAA;AAElC,cAAc,qBAAqB,CAAA;AAEnC,eAAe,UAAU,CAAA","sourcesContent":["import PageHeader from 'antd/es/page-header'\n\nimport 'antd/es/page-header/style'\n\nexport * from 'antd/es/page-header'\n\nexport default PageHeader\n"]}

package/es/pagination/index.js

@@ -0,0 +1,5 @@
+import Pagination from 'antd/es/pagination';
+import 'antd/es/pagination/style';
+export * from 'antd/es/pagination';
+export default Pagination;
+//# sourceMappingURL=index.js.map

package/es/pagination/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/pagination/index.ts"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,oBAAoB,CAAA;AAE3C,OAAO,0BAA0B,CAAA;AAEjC,cAAc,oBAAoB,CAAA;AAElC,eAAe,UAAU,CAAA","sourcesContent":["import Pagination from 'antd/es/pagination'\n\nimport 'antd/es/pagination/style'\n\nexport * from 'antd/es/pagination'\n\nexport default Pagination\n"]}

package/es/popconfirm/index.js

@@ -0,0 +1,5 @@
+import Popconfirm from 'antd/es/popconfirm';
+import 'antd/es/popconfirm/style';
+export * from 'antd/es/popconfirm';
+export default Popconfirm;
+//# sourceMappingURL=index.js.map

package/es/popconfirm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/popconfirm/index.ts"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,oBAAoB,CAAA;AAE3C,OAAO,0BAA0B,CAAA;AAEjC,cAAc,oBAAoB,CAAA;AAElC,eAAe,UAAU,CAAA","sourcesContent":["import Popconfirm from 'antd/es/popconfirm'\n\nimport 'antd/es/popconfirm/style'\n\nexport * from 'antd/es/popconfirm'\n\nexport default Popconfirm\n"]}

package/es/popover/index.js

@@ -0,0 +1,5 @@
+import Popover from 'antd/es/popover';
+import 'antd/es/popover/style';
+export * from 'antd/es/popover';
+export default Popover;
+//# sourceMappingURL=index.js.map

package/es/popover/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/popover/index.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,iBAAiB,CAAA;AAErC,OAAO,uBAAuB,CAAA;AAE9B,cAAc,iBAAiB,CAAA;AAE/B,eAAe,OAAO,CAAA","sourcesContent":["import Popover from 'antd/es/popover'\n\nimport 'antd/es/popover/style'\n\nexport * from 'antd/es/popover'\n\nexport default Popover\n"]}

package/es/prev-locale.js

@@ -0,0 +1,48 @@
+export const zh_CN = {
+    globalNavigation: '全局导航',
+    menuSearch: '菜单搜索',
+    // QueryForm
+    search: '搜索',
+    reset: '重置',
+    moreFiltering: '更多过滤',
+    expand: '展开',
+    collapse: '收起',
+    // QueryListScene
+    totalRecords: '共%s条记录',
+    // user popover
+    personalSettings: '个人设置',
+    changePwd: '修改密码',
+    signOut: '退出',
+};
+export const en_US = {
+    globalNavigation: 'Global Navigation',
+    menuSearch: 'Menu Search',
+    // QueryForm
+    search: 'Search',
+    reset: 'Reset',
+    moreFiltering: 'More filtering',
+    expand: 'Expand',
+    collapse: 'Collapse',
+    // QueryListScene
+    totalRecords: 'Total of %s records',
+    // user popover
+    personalSettings: 'Personal settings',
+    changePwd: 'Change password',
+    signOut: 'Sign out',
+};
+export const getText = (key, language = 'cn', ...params) => {
+    var _a;
+    const text = (_a = ({
+        cn: zh_CN,
+        en: en_US,
+    }[language] || zh_CN)) === null || _a === void 0 ? void 0 : _a[key];
+    if (params === null || params === void 0 ? void 0 : params.length) {
+        return params.reduce((acc, cur) => {
+            return acc.replace(/%s/, cur);
+        }, text);
+    }
+    return text;
+};
+export const getLanguage = () => localStorage.getItem('lang') || 'cn';
+export default { en_US, zh_CN };
+//# sourceMappingURL=prev-locale.js.map

package/es/prev-locale.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"prev-locale.js","sourceRoot":"","sources":["../src/prev-locale.js"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,KAAK,GAAG;IACnB,gBAAgB,EAAE,MAAM;IACxB,UAAU,EAAE,MAAM;IAElB,YAAY;IACZ,MAAM,EAAE,IAAI;IACZ,KAAK,EAAE,IAAI;IACX,aAAa,EAAE,MAAM;IACrB,MAAM,EAAE,IAAI;IACZ,QAAQ,EAAE,IAAI;IAEd,iBAAiB;IACjB,YAAY,EAAE,QAAQ;IAEtB,eAAe;IACf,gBAAgB,EAAE,MAAM;IACxB,SAAS,EAAE,MAAM;IACjB,OAAO,EAAE,IAAI;CACd,CAAA;AAED,MAAM,CAAC,MAAM,KAAK,GAAG;IACnB,gBAAgB,EAAE,mBAAmB;IACrC,UAAU,EAAE,aAAa;IAEzB,YAAY;IACZ,MAAM,EAAE,QAAQ;IAChB,KAAK,EAAE,OAAO;IACd,aAAa,EAAE,gBAAgB;IAC/B,MAAM,EAAE,QAAQ;IAChB,QAAQ,EAAE,UAAU;IAEpB,iBAAiB;IACjB,YAAY,EAAE,qBAAqB;IAEnC,eAAe;IACf,gBAAgB,EAAE,mBAAmB;IACrC,SAAS,EAAE,iBAAiB;IAC5B,OAAO,EAAE,UAAU;CACpB,CAAA;AAED,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,GAAG,EAAE,QAAQ,GAAG,IAAI,EAAE,GAAG,MAAM,EAAE,EAAE;;IACzD,MAAM,IAAI,GAAG,MAAA,CAAC;QACZ,EAAE,EAAE,KAAK;QACT,EAAE,EAAE,KAAK;KACV,CAAC,QAAQ,CAAC,IAAI,KAAK,CAAC,0CAAG,GAAG,CAAC,CAAA;IAE5B,IAAI,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,EAAE;QAClB,OAAO,MAAM,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE;YAChC,OAAO,GAAG,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,CAAA;QAC/B,CAAC,EAAE,IAAI,CAAC,CAAA;KACT;IAED,OAAO,IAAI,CAAA;AACb,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,EAAE,CAAC,YAAY,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,IAAI,CAAA;AAErE,eAAe,EAAE,KAAK,EAAE,KAAK,EAAE,CAAA","sourcesContent":["export const zh_CN = {\n  globalNavigation: '全局导航',\n  menuSearch: '菜单搜索',\n\n  // QueryForm\n  search: '搜索',\n  reset: '重置',\n  moreFiltering: '更多过滤',\n  expand: '展开',\n  collapse: '收起',\n\n  // QueryListScene\n  totalRecords: '共%s条记录',\n\n  // user popover\n  personalSettings: '个人设置',\n  changePwd: '修改密码',\n  signOut: '退出',\n}\n\nexport const en_US = {\n  globalNavigation: 'Global Navigation',\n  menuSearch: 'Menu Search',\n\n  // QueryForm\n  search: 'Search',\n  reset: 'Reset',\n  moreFiltering: 'More filtering',\n  expand: 'Expand',\n  collapse: 'Collapse',\n\n  // QueryListScene\n  totalRecords: 'Total of %s records',\n\n  // user popover\n  personalSettings: 'Personal settings',\n  changePwd: 'Change password',\n  signOut: 'Sign out',\n}\n\nexport const getText = (key, language = 'cn', ...params) => {\n  const text = ({\n    cn: zh_CN,\n    en: en_US,\n  }[language] || zh_CN)?.[key]\n\n  if (params?.length) {\n    return params.reduce((acc, cur) => {\n      return acc.replace(/%s/, cur)\n    }, text)\n  }\n\n  return text\n}\n\nexport const getLanguage = () => localStorage.getItem('lang') || 'cn'\n\nexport default { en_US, zh_CN }\n"]}

package/es/progress/index.js

@@ -0,0 +1,5 @@
+import Progress from 'antd/es/progress';
+import 'antd/es/progress/style';
+export * from 'antd/es/progress';
+export default Progress;
+//# sourceMappingURL=index.js.map

package/es/progress/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/progress/index.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,MAAM,kBAAkB,CAAA;AAEvC,OAAO,wBAAwB,CAAA;AAE/B,cAAc,kBAAkB,CAAA;AAEhC,eAAe,QAAQ,CAAA","sourcesContent":["import Progress from 'antd/es/progress'\n\nimport 'antd/es/progress/style'\n\nexport * from 'antd/es/progress'\n\nexport default Progress\n"]}

package/es/query-form/Field/Checkbox.js

@@ -0,0 +1,20 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React from 'react';
+import Checkbox from '../../checkbox';
+export default (_a) => {
+    var { value, onChange } = _a, props = __rest(_a, ["value", "onChange"]);
+    return (React.createElement(Checkbox, Object.assign({}, props, { checked: value, onChange: (evt) => {
+            onChange === null || onChange === void 0 ? void 0 : onChange(evt.target.checked);
+        } })));
+};
+//# sourceMappingURL=Checkbox.js.map

package/es/query-form/Field/Checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../src/query-form/Field/Checkbox.js"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,QAAQ,MAAM,gBAAgB,CAAA;AAErC,eAAe,CAAC,EAA6B,EAAE,EAAE;QAAjC,EAAE,KAAK,EAAE,QAAQ,OAAY,EAAP,KAAK,cAA3B,qBAA6B,CAAF;IAAO,OAAA,CAChD,oBAAC,QAAQ,oBACH,KAAK,IACT,OAAO,EAAE,KAAK,EACd,QAAQ,EAAE,CAAC,GAAG,EAAE,EAAE;YAChB,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,GAAG,CAAC,MAAM,CAAC,OAAO,CAAC,CAAA;QAChC,CAAC,IACD,CACH,CAAA;CAAA,CAAA","sourcesContent":["import React from 'react'\n\nimport Checkbox from '../../checkbox'\n\nexport default ({ value, onChange, ...props }) => (\n  <Checkbox\n    {...props}\n    checked={value}\n    onChange={(evt) => {\n      onChange?.(evt.target.checked)\n    }}\n  />\n)\n"]}

package/es/query-form/Field/Select.js

@@ -0,0 +1,44 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React, { useState, useEffect } from 'react';
+import Select from '../../select';
+const { Option } = Select;
+export default (props) => {
+    const { options, params, queryKey = 'name', fieldNames = {
+        label: 'label',
+        value: 'value',
+    }, loadData } = props, rest = __rest(props, ["options", "params", "queryKey", "fieldNames", "loadData"]);
+    const [items, setItems] = useState(options || []);
+    const [query, setQuery] = useState('');
+    const onSearch = (val) => {
+        setQuery(val);
+    };
+    if (loadData) {
+        useEffect(() => {
+            loadData(Object.assign({ [queryKey]: query }, (params || {}))).then((items) => {
+                setItems(items);
+            });
+        }, [params, query]);
+    }
+    useEffect(() => {
+        setItems(options || []);
+    }, [options]);
+    return (React.createElement(Select, Object.assign({ allowClear: true, showSearch: true, optionFilterProp: "children", onSearch: onSearch }, rest), items.map((item) => {
+        const labelKey = (fieldNames === null || fieldNames === void 0 ? void 0 : fieldNames.label) || 'label';
+        const valueKey = (fieldNames === null || fieldNames === void 0 ? void 0 : fieldNames.value) || 'value';
+        const value = item instanceof Object ? item[valueKey] : item;
+        const label = item instanceof Object ? item[labelKey] : item;
+        const optionProps = item instanceof Object ? item : {};
+        return (React.createElement(Option, Object.assign({}, optionProps, { key: value, value: value }), label));
+    })));
+};
+//# sourceMappingURL=Select.js.map

package/es/query-form/Field/Select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../src/query-form/Field/Select.js"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAElD,OAAO,MAAM,MAAM,cAAc,CAAA;AAEjC,MAAM,EAAE,MAAM,EAAE,GAAG,MAAM,CAAA;AAEzB,eAAe,CAAC,KAAK,EAAE,EAAE;IACvB,MAAM,EACJ,OAAO,EACP,MAAM,EACN,QAAQ,GAAG,MAAM,EACjB,UAAU,GAAG;QACX,KAAK,EAAE,OAAO;QACd,KAAK,EAAE,OAAO;KACf,EACD,QAAQ,KAEN,KAAK,EADJ,IAAI,UACL,KAAK,EAVH,2DAUL,CAAQ,CAAA;IACT,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,OAAO,IAAI,EAAE,CAAC,CAAA;IACjD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAA;IACtC,MAAM,QAAQ,GAAG,CAAC,GAAG,EAAE,EAAE;QACvB,QAAQ,CAAC,GAAG,CAAC,CAAA;IACf,CAAC,CAAA;IAED,IAAI,QAAQ,EAAE;QACZ,SAAS,CAAC,GAAG,EAAE;YACb,QAAQ,iBACN,CAAC,QAAQ,CAAC,EAAE,KAAK,IACd,CAAC,MAAM,IAAI,EAAE,CAAC,EACjB,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE;gBAChB,QAAQ,CAAC,KAAK,CAAC,CAAA;YACjB,CAAC,CAAC,CAAA;QACJ,CAAC,EAAE,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC,CAAA;KACpB;IAED,SAAS,CAAC,GAAG,EAAE;QACb,QAAQ,CAAC,OAAO,IAAI,EAAE,CAAC,CAAA;IACzB,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAA;IAEb,OAAO,CACL,oBAAC,MAAM,kBAAC,UAAU,QAAC,UAAU,QAAC,gBAAgB,EAAC,UAAU,EAAC,QAAQ,EAAE,QAAQ,IAAM,IAAI,GACnF,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;QAClB,MAAM,QAAQ,GAAG,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,KAAK,KAAI,OAAO,CAAA;QAC7C,MAAM,QAAQ,GAAG,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,KAAK,KAAI,OAAO,CAAA;QAC7C,MAAM,KAAK,GAAG,IAAI,YAAY,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA;QAC5D,MAAM,KAAK,GAAG,IAAI,YAAY,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA;QAC5D,MAAM,WAAW,GAAG,IAAI,YAAY,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAA;QAEtD,OAAO,CACL,oBAAC,MAAM,oBAAK,WAAW,IAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,KAC9C,KAAK,CACC,CACV,CAAA;IACH,CAAC,CAAC,CACK,CACV,CAAA;AACH,CAAC,CAAA","sourcesContent":["import React, { useState, useEffect } from 'react'\n\nimport Select from '../../select'\n\nconst { Option } = Select\n\nexport default (props) => {\n  const {\n    options,\n    params,\n    queryKey = 'name',\n    fieldNames = {\n      label: 'label',\n      value: 'value',\n    },\n    loadData,\n    ...rest\n  } = props\n  const [items, setItems] = useState(options || [])\n  const [query, setQuery] = useState('')\n  const onSearch = (val) => {\n    setQuery(val)\n  }\n\n  if (loadData) {\n    useEffect(() => {\n      loadData({\n        [queryKey]: query,\n        ...(params || {}),\n      }).then((items) => {\n        setItems(items)\n      })\n    }, [params, query])\n  }\n\n  useEffect(() => {\n    setItems(options || [])\n  }, [options])\n\n  return (\n    <Select allowClear showSearch optionFilterProp=\"children\" onSearch={onSearch} {...rest}>\n      {items.map((item) => {\n        const labelKey = fieldNames?.label || 'label'\n        const valueKey = fieldNames?.value || 'value'\n        const value = item instanceof Object ? item[valueKey] : item\n        const label = item instanceof Object ? item[labelKey] : item\n        const optionProps = item instanceof Object ? item : {}\n\n        return (\n          <Option {...optionProps} key={value} value={value}>\n            {label}\n          </Option>\n        )\n      })}\n    </Select>\n  )\n}\n"]}

package/es/query-form/Field/SelectInput.js

@@ -0,0 +1,49 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React, { useState, useEffect } from 'react';
+import { get } from 'lodash';
+import Select from '../../select';
+import Input from '../../input';
+const { Option } = Select;
+export default (props) => {
+    const { options = [], addonBeforeStyle } = props, inputProps = __rest(props, ["options", "addonBeforeStyle"]);
+    const [items, setItems] = useState(options);
+    const getInitialKey = () => {
+        let key = get(options, '0.value');
+        if (inputProps.value) {
+            key = get(Object.keys(inputProps.value), '0') || key;
+        }
+        return key;
+    };
+    const [key, setKey] = useState(getInitialKey());
+    const onKeyChange = (key) => {
+        setKey(key);
+        props.onChange({
+            [key]: '',
+        });
+    };
+    const onChange = (evt) => {
+        props.onChange({
+            [key]: evt.target.value,
+        });
+    };
+    const addonBefore = (React.createElement(Select, { value: key, onChange: onKeyChange, style: Object.assign({ width: '120px' }, addonBeforeStyle) }, items.map(({ label, value }) => (React.createElement(Option, { key: value, value: value }, label)))));
+    const getInputValue = () => {
+        return get(inputProps.value, key);
+    };
+    useEffect(() => {
+        setItems(options);
+        setKey(getInitialKey());
+    }, [options, inputProps.value]);
+    return (React.createElement(Input, Object.assign({}, inputProps, { value: getInputValue(), addonBefore: addonBefore, onChange: onChange })));
+};
+//# sourceMappingURL=SelectInput.js.map

package/es/query-form/Field/SelectInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectInput.js","sourceRoot":"","sources":["../../../src/query-form/Field/SelectInput.js"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAClD,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAA;AAE5B,OAAO,MAAM,MAAM,cAAc,CAAA;AACjC,OAAO,KAAK,MAAM,aAAa,CAAA;AAE/B,MAAM,EAAE,MAAM,EAAE,GAAG,MAAM,CAAA;AAEzB,eAAe,CAAC,KAAK,EAAE,EAAE;IACvB,MAAM,EAAE,OAAO,GAAG,EAAE,EAAE,gBAAgB,KAAoB,KAAK,EAApB,UAAU,UAAK,KAAK,EAAzD,+BAAiD,CAAQ,CAAA;IAC/D,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAA;IAC3C,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,IAAI,GAAG,GAAG,GAAG,CAAC,OAAO,EAAE,SAAS,CAAC,CAAA;QAEjC,IAAI,UAAU,CAAC,KAAK,EAAE;YACpB,GAAG,GAAG,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE,GAAG,CAAC,IAAI,GAAG,CAAA;SACrD;QAED,OAAO,GAAG,CAAA;IACZ,CAAC,CAAA;IACD,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC,GAAG,QAAQ,CAAC,aAAa,EAAE,CAAC,CAAA;IAC/C,MAAM,WAAW,GAAG,CAAC,GAAG,EAAE,EAAE;QAC1B,MAAM,CAAC,GAAG,CAAC,CAAA;QACX,KAAK,CAAC,QAAQ,CAAC;YACb,CAAC,GAAG,CAAC,EAAE,EAAE;SACV,CAAC,CAAA;IACJ,CAAC,CAAA;IACD,MAAM,QAAQ,GAAG,CAAC,GAAG,EAAE,EAAE;QACvB,KAAK,CAAC,QAAQ,CAAC;YACb,CAAC,GAAG,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,KAAK;SACxB,CAAC,CAAA;IACJ,CAAC,CAAA;IACD,MAAM,WAAW,GAAG,CAClB,oBAAC,MAAM,IACL,KAAK,EAAE,GAAG,EACV,QAAQ,EAAE,WAAW,EACrB,KAAK,kBACH,KAAK,EAAE,OAAO,IACX,gBAAgB,KAGpB,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAC/B,oBAAC,MAAM,IAAC,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,IAC7B,KAAK,CACC,CACV,CAAC,CACK,CACV,CAAA;IACD,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,OAAO,GAAG,CAAC,UAAU,CAAC,KAAK,EAAE,GAAG,CAAC,CAAA;IACnC,CAAC,CAAA;IAED,SAAS,CAAC,GAAG,EAAE;QACb,QAAQ,CAAC,OAAO,CAAC,CAAA;QACjB,MAAM,CAAC,aAAa,EAAE,CAAC,CAAA;IACzB,CAAC,EAAE,CAAC,OAAO,EAAE,UAAU,CAAC,KAAK,CAAC,CAAC,CAAA;IAE/B,OAAO,CACL,oBAAC,KAAK,oBAAK,UAAU,IAAE,KAAK,EAAE,aAAa,EAAE,EAAE,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,QAAQ,IAAI,CAChG,CAAA;AACH,CAAC,CAAA","sourcesContent":["import React, { useState, useEffect } from 'react'\nimport { get } from 'lodash'\n\nimport Select from '../../select'\nimport Input from '../../input'\n\nconst { Option } = Select\n\nexport default (props) => {\n  const { options = [], addonBeforeStyle, ...inputProps } = props\n  const [items, setItems] = useState(options)\n  const getInitialKey = () => {\n    let key = get(options, '0.value')\n\n    if (inputProps.value) {\n      key = get(Object.keys(inputProps.value), '0') || key\n    }\n\n    return key\n  }\n  const [key, setKey] = useState(getInitialKey())\n  const onKeyChange = (key) => {\n    setKey(key)\n    props.onChange({\n      [key]: '',\n    })\n  }\n  const onChange = (evt) => {\n    props.onChange({\n      [key]: evt.target.value,\n    })\n  }\n  const addonBefore = (\n    <Select\n      value={key}\n      onChange={onKeyChange}\n      style={{\n        width: '120px',\n        ...addonBeforeStyle,\n      }}\n    >\n      {items.map(({ label, value }) => (\n        <Option key={value} value={value}>\n          {label}\n        </Option>\n      ))}\n    </Select>\n  )\n  const getInputValue = () => {\n    return get(inputProps.value, key)\n  }\n\n  useEffect(() => {\n    setItems(options)\n    setKey(getInitialKey())\n  }, [options, inputProps.value])\n\n  return (\n    <Input {...inputProps} value={getInputValue()} addonBefore={addonBefore} onChange={onChange} />\n  )\n}\n"]}

package/es/query-form/Field/fieldsMap.js

@@ -0,0 +1,29 @@
+import CheckboxField from './Checkbox';
+import SelectField from './Select';
+import SelectInput from './SelectInput';
+import DatePicker from '../../date-picker';
+import Input from '../../input';
+import InputNumber from '../../input-number';
+export const defaultFieldWidth = '200px';
+export const getFieldWidth = (type) => {
+    if (type === 'dateRange') {
+        return '340px';
+    }
+    return ({
+        dateRange: '340px',
+        selectInput: '320px',
+    }[type] || defaultFieldWidth);
+};
+export default {
+    string: Input,
+    input: Input,
+    search: Input.Search,
+    inputNumber: InputNumber,
+    number: InputNumber,
+    select: SelectField,
+    checkbox: CheckboxField,
+    date: DatePicker,
+    dateRange: DatePicker.RangePicker,
+    selectInput: SelectInput,
+};
+//# sourceMappingURL=fieldsMap.js.map

package/es/query-form/Field/fieldsMap.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fieldsMap.js","sourceRoot":"","sources":["../../../src/query-form/Field/fieldsMap.js"],"names":[],"mappings":"AAAA,OAAO,aAAa,MAAM,YAAY,CAAA;AACtC,OAAO,WAAW,MAAM,UAAU,CAAA;AAClC,OAAO,WAAW,MAAM,eAAe,CAAA;AACvC,OAAO,UAAU,MAAM,mBAAmB,CAAA;AAC1C,OAAO,KAAK,MAAM,aAAa,CAAA;AAC/B,OAAO,WAAW,MAAM,oBAAoB,CAAA;AAE5C,MAAM,CAAC,MAAM,iBAAiB,GAAG,OAAO,CAAA;AAExC,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,IAAI,EAAE,EAAE;IACpC,IAAI,IAAI,KAAK,WAAW,EAAE;QACxB,OAAO,OAAO,CAAA;KACf;IAED,OAAO,CACL;QACE,SAAS,EAAE,OAAO;QAClB,WAAW,EAAE,OAAO;KACrB,CAAC,IAAI,CAAC,IAAI,iBAAiB,CAC7B,CAAA;AACH,CAAC,CAAA;AAED,eAAe;IACb,MAAM,EAAE,KAAK;IACb,KAAK,EAAE,KAAK;IACZ,MAAM,EAAE,KAAK,CAAC,MAAM;IACpB,WAAW,EAAE,WAAW;IACxB,MAAM,EAAE,WAAW;IACnB,MAAM,EAAE,WAAW;IACnB,QAAQ,EAAE,aAAa;IACvB,IAAI,EAAE,UAAU;IAChB,SAAS,EAAE,UAAU,CAAC,WAAW;IACjC,WAAW,EAAE,WAAW;CACzB,CAAA","sourcesContent":["import CheckboxField from './Checkbox'\nimport SelectField from './Select'\nimport SelectInput from './SelectInput'\nimport DatePicker from '../../date-picker'\nimport Input from '../../input'\nimport InputNumber from '../../input-number'\n\nexport const defaultFieldWidth = '200px'\n\nexport const getFieldWidth = (type) => {\n  if (type === 'dateRange') {\n    return '340px'\n  }\n\n  return (\n    {\n      dateRange: '340px',\n      selectInput: '320px',\n    }[type] || defaultFieldWidth\n  )\n}\n\nexport default {\n  string: Input,\n  input: Input,\n  search: Input.Search,\n  inputNumber: InputNumber,\n  number: InputNumber,\n  select: SelectField,\n  checkbox: CheckboxField,\n  date: DatePicker,\n  dateRange: DatePicker.RangePicker,\n  selectInput: SelectInput,\n}\n"]}

package/es/query-form/Field/index.js

@@ -0,0 +1,74 @@
+import React, { PureComponent } from 'react';
+import { get } from 'lodash';
+import fieldsMap, { getFieldWidth } from './fieldsMap';
+import Form from '../../form';
+const FormItem = Form.Item;
+const isInput = (type) => ['input', 'string', 'search'].includes(type);
+export default class Field extends PureComponent {
+    constructor(props) {
+        super(props);
+        Object.defineProperty(this, "updateValue", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: (name, value) => {
+                if (name === this.props.name) {
+                    this.setState({ value });
+                    this.props.onChange(name, value);
+                }
+            }
+        });
+        Object.defineProperty(this, "onChange", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: (...args) => {
+                const { name, type = 'input', component, props: fieldProps } = this.props;
+                const { onChange } = fieldProps || {};
+                onChange && onChange(...args);
+                // Input onChange第一个参数为Event对象，取值特殊处理
+                if (!component && isInput(type)) {
+                    args[0] = get(args[0], 'target.value');
+                }
+                this.setState({ value: args[0] });
+                this.props.onChange(name, args[0]);
+            }
+        });
+        Object.defineProperty(this, "onFormChange", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: (formData) => {
+                this.setState({
+                    value: get(formData, this.props.name),
+                });
+            }
+        });
+        this.state = {
+            value: props.initialValue,
+        };
+    }
+    render() {
+        var _a;
+        const { type = 'input', title, name, isFieldInDrawer = false, className = '', component, form, props: fieldProps, } = this.props;
+        const { value } = this.state;
+        const Field = component || fieldsMap[type];
+        return (React.createElement(FormItem, { label: title, className: className },
+            React.createElement(Field, Object.assign({ value: value }, (isInput(type)
+                ? {
+                    onPressEnter: (evt) => { var _a; return form.emit('search', { [name]: (_a = evt === null || evt === void 0 ? void 0 : evt.target) === null || _a === void 0 ? void 0 : _a.value, current: 1 }); },
+                }
+                : {}), fieldProps, { style: Object.assign(Object.assign({}, fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.style), { width: isFieldInDrawer ? '100%' : ((_a = fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.style) === null || _a === void 0 ? void 0 : _a.width) || getFieldWidth(type) }), onChange: this.onChange }))));
+    }
+    componentDidMount() {
+        const { form } = this.props;
+        form.on('setValue', this.updateValue);
+        form.on('setValues', this.onFormChange);
+    }
+    componentWillUnmount() {
+        const { form } = this.props;
+        form.off('setValue', this.updateValue);
+        form.off('setValues', this.onFormChange);
+    }
+}
+//# sourceMappingURL=index.js.map

package/es/query-form/Field/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/query-form/Field/index.js"],"names":[],"mappings":"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","sourcesContent":["import React, { PureComponent } from 'react'\nimport { get } from 'lodash'\nimport fieldsMap, { getFieldWidth } from './fieldsMap'\n\nimport Form from '../../form'\n\nconst FormItem = Form.Item\n\nconst isInput = (type) => ['input', 'string', 'search'].includes(type)\n\nexport default class Field extends PureComponent {\n  constructor(props) {\n    super(props)\n\n    this.state = {\n      value: props.initialValue,\n    }\n  }\n\n  render() {\n    const {\n      type = 'input',\n      title,\n      name,\n      isFieldInDrawer = false,\n      className = '',\n      component,\n      form,\n      props: fieldProps,\n    } = this.props\n    const { value } = this.state\n    const Field = component || fieldsMap[type]\n\n    return (\n      <FormItem label={title} className={className}>\n        <Field\n          value={value}\n          {...(isInput(type)\n            ? {\n                onPressEnter: (evt) =>\n                  form.emit('search', { [name]: evt?.target?.value, current: 1 }),\n              }\n            : {})}\n          {...fieldProps}\n          style={{\n            ...fieldProps?.style,\n            width: isFieldInDrawer ? '100%' : fieldProps?.style?.width || getFieldWidth(type),\n          }}\n          onChange={this.onChange}\n        />\n      </FormItem>\n    )\n  }\n\n  updateValue = (name, value) => {\n    if (name === this.props.name) {\n      this.setState({ value })\n      this.props.onChange(name, value)\n    }\n  }\n\n  onChange = (...args) => {\n    const { name, type = 'input', component, props: fieldProps } = this.props\n    const { onChange } = fieldProps || {}\n\n    onChange && onChange(...args)\n\n    // Input onChange第一个参数为Event对象，取值特殊处理\n    if (!component && isInput(type)) {\n      args[0] = get(args[0], 'target.value')\n    }\n\n    this.setState({ value: args[0] })\n    this.props.onChange(name, args[0])\n  }\n\n  onFormChange = (formData) => {\n    this.setState({\n      value: get(formData, this.props.name),\n    })\n  }\n\n  componentDidMount() {\n    const { form } = this.props\n\n    form.on('setValue', this.updateValue)\n    form.on('setValues', this.onFormChange)\n  }\n\n  componentWillUnmount() {\n    const { form } = this.props\n\n    form.off('setValue', this.updateValue)\n    form.off('setValues', this.onFormChange)\n  }\n}\n"]}

package/es/query-form/createActions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createActions.js","sourceRoot":"","sources":["../../src/query-form/createActions.js"],"names":[],"mappings":"AAAA,OAAO,YAAY,MAAM,eAAe,CAAA;AACxC,OAAO,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAA;AAEjC,eAAe,GAAG,EAAE;IAClB,MAAM,YAAY,GAAG,IAAI,YAAY,EAAE,CAAA;IACvC,MAAM,IAAI,GAAG;QACX,aAAa,EAAE,EAAE;QACjB,MAAM,EAAE,EAAE;KACX,CAAA;IAED,OAAO;QACL,OAAO,CAAC,GAAG,EAAE,KAAK;YAChB,GAAG,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,CAAC,CAAA;QACvB,CAAC;QACD,OAAO,CAAC,GAAG;YACT,GAAG,CAAC,IAAI,EAAE,GAAG,CAAC,CAAA;QAChB,CAAC;QAED,SAAS,CAAC,MAAM;YACd,IAAI,CAAC,MAAM,GAAG,MAAM,CAAA;YACpB,YAAY,CAAC,IAAI,CAAC,WAAW,EAAE,MAAM,CAAC,CAAA;QACxC,CAAC;QACD,SAAS;YACP,OAAO,IAAI,CAAC,MAAM,CAAA;QACpB,CAAC;QACD,WAAW;YACT,IAAI,CAAC,MAAM,qBAAQ,IAAI,CAAC,aAAa,CAAE,CAAA;YACvC,YAAY,CAAC,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC,MAAM,CAAC,CAAA;QAC7C,CAAC;QACD,QAAQ,CAAC,IAAI,EAAE,KAAK;YAClB,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,IAAI,EAAE,CAAA;YAC/B,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,KAAK,CAAA;YACzB,YAAY,CAAC,IAAI,CAAC,UAAU,EAAE,IAAI,EAAE,KAAK,CAAC,CAAA;QAC5C,CAAC;QACD,QAAQ,CAAC,IAAI;;YACX,OAAO,MAAA,IAAI,CAAC,MAAM,0CAAG,IAAI,CAAC,CAAA;QAC5B,CAAC;QAED,EAAE,EAAE,CAAC,SAAS,EAAE,QAAQ,EAAE,EAAE;YAC1B,YAAY,CAAC,EAAE,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAA;QACtC,CAAC;QAED,IAAI,EAAE,CAAC,GAAG,IAAI,EAAE,EAAE;YAChB,YAAY,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,CAAA;QAC5B,CAAC;QAED,GAAG,EAAE,CAAC,GAAG,IAAI,EAAE,EAAE;YACf,YAAY,CAAC,cAAc,CAAC,GAAG,IAAI,CAAC,CAAA;QACtC,CAAC;KACF,CAAA;AACH,CAAC,CAAA","sourcesContent":["import EventEmitter from 'eventemitter3'\nimport { get, set } from 'lodash'\n\nexport default () => {\n  const eventEmitter = new EventEmitter()\n  const data = {\n    initialValues: {},\n    values: {},\n  }\n\n  return {\n    setData(key, value) {\n      set(data, key, value)\n    },\n    getData(key) {\n      get(data, key)\n    },\n\n    setValues(values) {\n      data.values = values\n      eventEmitter.emit('setValues', values)\n    },\n    getValues() {\n      return data.values\n    },\n    resetValues() {\n      data.values = { ...data.initialValues }\n      eventEmitter.emit('setValues', data.values)\n    },\n    setValue(name, value) {\n      data.values = data.values || {}\n      data.values[name] = value\n      eventEmitter.emit('setValue', name, value)\n    },\n    getValue(name) {\n      return data.values?.[name]\n    },\n\n    on: (eventName, callback) => {\n      eventEmitter.on(eventName, callback)\n    },\n\n    emit: (...args) => {\n      eventEmitter.emit(...args)\n    },\n\n    off: (...args) => {\n      eventEmitter.removeListener(...args)\n    },\n  }\n}\n"]}