@sooloer/pages 0.0.1

package/dist/filter/demo/rangePicker.js

@@ -0,0 +1,80 @@
+import { ProFilter } from "../..";
+import React from 'react';
+export default (function () {
+  var fields = [{
+    label: '审核时间',
+    name: 'verifyRange',
+    type: 'dateRange',
+    widgetProps: {
+      showTime: true
+    }
+  }, {
+    label: '开票日期',
+    name: 'dateRange',
+    type: 'dateRange'
+  }, {
+    label: '开票月份',
+    name: 'monthRange',
+    type: 'dateRange',
+    widgetProps: {
+      picker: 'month'
+    }
+  }, {
+    label: '开票季度',
+    name: 'quarterRange',
+    type: 'dateRange',
+    widgetProps: {
+      picker: 'quarter'
+    }
+  }, {
+    label: '年份',
+    name: 'yearRange',
+    type: 'dateRange',
+    widgetProps: {
+      picker: 'year'
+    }
+  }];
+  var handleSearch = function handleSearch(fieldsValue) {
+    var params = {};
+    console.log(fieldsValue);
+    Object.keys(fieldsValue).map(function (key) {
+      var _ref = fields.find(function (field) {
+          return field.name === key;
+        }) || {},
+        _ref$type = _ref.type,
+        type = _ref$type === void 0 ? 'input' : _ref$type,
+        widgetProps = _ref.widgetProps;
+      var value = fieldsValue[key];
+      if (type === 'dateRange' && value) {
+        var _ref2 = widgetProps || {},
+          _ref2$picker = _ref2.picker,
+          picker = _ref2$picker === void 0 ? '' : _ref2$picker;
+        if (picker === 'year') {
+          // @ts-ignore
+          params[key] = [value[0].format('YYYY'), value[1].format('YYYY')];
+        } else if (picker === 'month') {
+          // @ts-ignore
+          params[key] = [value[0].format('YYYY-MM'), value[1].format('YYYY-MM')];
+        } else if (picker === 'quarter') {
+          // @ts-ignore
+          params[key] = [value[0].format('YYYY-Q'), value[1].format('YYYY-Q')];
+        } else {
+          // @ts-ignore
+          params[key] = [value[0].format('YYYY-MM-DD'), value[1].format('YYYY-MM-DD')];
+        }
+      } else {
+        params[key] = fieldsValue[key];
+      }
+      return key;
+    });
+    console.log('handleSearch', params);
+  };
+  var handleReset = function handleReset(fieldsValue) {
+    console.log('handleReset', fieldsValue);
+  };
+  return /*#__PURE__*/React.createElement(ProFilter, {
+    fields: fields,
+    onReset: handleReset,
+    onSearch: handleSearch
+  });
+});

package/dist/filter/demo/required.d.ts

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

package/dist/filter/demo/required.js

@@ -0,0 +1,36 @@
+import { ProFilter } from "../..";
+import React from 'react';
+export default (function () {
+  var fields = [{
+    required: true,
+    label: '发票号码',
+    name: 'invoiceNo'
+  }, {
+    label: '发票代码',
+    name: 'invoiceCode'
+  }, {
+    label: '发票类型',
+    name: 'invoiceType',
+    type: 'select',
+    widgetProps: {
+      options: [{
+        label: '电子专票',
+        value: 1
+      }, {
+        label: '电子普票',
+        value: 2
+      }]
+    }
+  }];
+  var handleSearch = function handleSearch(fieldsValue) {
+    console.log('handleSearch', fieldsValue);
+  };
+  var handleReset = function handleReset(fieldsValue) {
+    console.log('handleReset', fieldsValue);
+  };
+  return /*#__PURE__*/React.createElement(ProFilter, {
+    fields: fields,
+    onReset: handleReset,
+    onSearch: handleSearch
+  });
+});

package/dist/filter/demo/search-advanced.d.ts

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

package/dist/filter/demo/search-advanced.js

@@ -0,0 +1,45 @@
+import { ProFilter } from "../..";
+import { Select } from 'antd';
+import React from 'react';
+export default (function () {
+  var fields = [{
+    label: '发票类型',
+    name: 'invoiceType-1',
+    type: 'select',
+    widgetProps: {
+      mode: 'multiple',
+      options: [{
+        label: '纸普',
+        value: 'c'
+      }, {
+        label: '纸专',
+        value: 's'
+      }],
+      maxTagCount: 1,
+      optionLabelProp: 'label',
+      optionRender: function optionRender(option) {
+        return /*#__PURE__*/React.createElement(Select.Option, {
+          key: option.value,
+          value: option.value,
+          label: option.label
+        }, /*#__PURE__*/React.createElement("div", null, "\u7B80\u79F0\uFF1A", option.label), /*#__PURE__*/React.createElement("div", {
+          style: {
+            fontSize: '12px',
+            color: '#999'
+          }
+        }, "\u7C7B\u578B\uFF1A", option.value));
+      }
+    }
+  }];
+  var handleSearch = function handleSearch(fieldsValue) {
+    console.log('handleSearch', fieldsValue);
+  };
+  var handleReset = function handleReset(fieldsValue) {
+    console.log('handleReset', fieldsValue);
+  };
+  return /*#__PURE__*/React.createElement(ProFilter, {
+    fields: fields,
+    onReset: handleReset,
+    onSearch: handleSearch
+  });
+});

package/dist/filter/demo/search.d.ts

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

package/dist/filter/demo/search.js

@@ -0,0 +1,45 @@
+import { ProFilter } from "../..";
+import React from 'react';
+export default (function () {
+  var fields = [{
+    label: '发票类型',
+    name: 'invoiceType',
+    type: 'select',
+    widgetProps: {
+      allowClear: true,
+      options: [{
+        label: '纸普',
+        value: 'c'
+      }, {
+        label: '纸专',
+        value: 's'
+      }]
+    }
+  }, {
+    label: '发票类型',
+    name: 'invoiceType-1',
+    type: 'select',
+    required: true,
+    widgetProps: {
+      allowClear: true,
+      options: [{
+        label: '纸普',
+        value: 'c'
+      }, {
+        label: '纸专',
+        value: 's'
+      }]
+    }
+  }];
+  var handleSearch = function handleSearch(fieldsValue) {
+    console.log('handleSearch', fieldsValue);
+  };
+  var handleReset = function handleReset(fieldsValue) {
+    console.log('handleReset', fieldsValue);
+  };
+  return /*#__PURE__*/React.createElement(ProFilter, {
+    fields: fields,
+    onReset: handleReset,
+    onSearch: handleSearch
+  });
+});

package/dist/filter/demo/set-field.d.ts

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

package/dist/filter/demo/set-field.js

@@ -0,0 +1,64 @@
+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(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { ProFilter } from "../..";
+import { Select } from 'antd';
+import React, { useRef, useState } from 'react';
+export default (function () {
+  var _useState = useState({}),
+    _useState2 = _slicedToArray(_useState, 2),
+    fieldsValue = _useState2[0],
+    setFieldsValue = _useState2[1];
+  var nodeRef = useRef();
+  var options = [];
+  for (var i = 10; i < 36; i++) {
+    options.push({
+      label: i.toString(36) + i,
+      value: i.toString(36) + i
+    });
+  }
+  var fields = [{
+    required: true,
+    label: '发票号码',
+    name: 'invoiceNo'
+  }, {
+    label: '发票类型',
+    name: 'invoiceType',
+    fieldRender: /*#__PURE__*/React.createElement(Select, {
+      placeholder: "\u8BF7\u9009\u62E9",
+      mode: "multiple",
+      allowClear: true
+    }, options.map(function (item) {
+      return /*#__PURE__*/React.createElement(Select.Option, {
+        key: item.value,
+        value: item.value
+      }, item.label);
+    }))
+  }];
+  var handleSearch = function handleSearch(fieldsValue) {
+    console.log('handleSearch', fieldsValue);
+  };
+  var handleReset = function handleReset(fieldsValue) {
+    console.log('handleReset', fieldsValue);
+  };
+  var handleSetField = function handleSetField() {
+    var _nodeRef$current;
+    console.log('ref', nodeRef);
+    // @ts-ignore
+    nodeRef === null || nodeRef === void 0 || (_nodeRef$current = nodeRef.current) === null || _nodeRef$current === void 0 || _nodeRef$current.form.setFieldsValue({
+      invoiceNo: '222222ee32e',
+      invoiceType: 'a10'
+    });
+  };
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ProFilter, {
+    values: fieldsValue,
+    ref: nodeRef,
+    fields: fields,
+    onSearch: handleSearch
+  }), /*#__PURE__*/React.createElement("div", {
+    onClick: handleSetField
+  }, "\u66F4\u65B0\u5B57\u6BB5"));
+});

package/dist/filter/demo/textarea.d.ts

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

package/dist/filter/demo/textarea.js

@@ -0,0 +1,42 @@
+import { ProFilter } from "../..";
+import React from 'react';
+export default (function () {
+  var fields = [{
+    label: '发票号码',
+    name: 'invoiceNo'
+  }, {
+    label: '业务单号',
+    name: 'billNos',
+    type: 'textarea'
+  }];
+  var handleSearch = function handleSearch(fieldsValue) {
+    var params = {};
+    Object.keys(fieldsValue).map(function (key) {
+      var _ref = fields.find(function (field) {
+          return field.name === key;
+        }) || {},
+        _ref$type = _ref.type,
+        type = _ref$type === void 0 ? 'input' : _ref$type;
+      if (type === 'textarea') {
+        // @ts-ignore
+        params[key] = fieldsValue[key].split(/[\n,，]/g).map(function (value) {
+          return value.trim();
+        }).filter(function (value) {
+          return value;
+        }).join();
+      } else {
+        params[key] = fieldsValue[key];
+      }
+      return key;
+    });
+    console.log('handleSearch', params);
+  };
+  var handleReset = function handleReset(fieldsValue) {
+    console.log('handleReset', fieldsValue);
+  };
+  return /*#__PURE__*/React.createElement(ProFilter, {
+    fields: fields,
+    onReset: handleReset,
+    onSearch: handleSearch
+  });
+});

package/dist/filter/demo/tooltip.d.ts

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

package/dist/filter/demo/tooltip.js

@@ -0,0 +1,36 @@
+import { ProFilter } from "../..";
+import React from 'react';
+export default (function () {
+  var fields = [{
+    label: '发票号码',
+    name: 'invoiceNo',
+    tooltip: 'What do you want others to call you?'
+  }, {
+    label: '发票代码',
+    name: 'invoiceCode'
+  }, {
+    label: '发票类型',
+    name: 'invoiceType',
+    type: 'select',
+    widgetProps: {
+      options: [{
+        label: '电子专票',
+        value: 1
+      }, {
+        label: '电子普票',
+        value: 2
+      }]
+    }
+  }];
+  var handleSearch = function handleSearch(fieldsValue) {
+    console.log('handleSearch', fieldsValue);
+  };
+  var handleReset = function handleReset(fieldsValue) {
+    console.log('handleReset', fieldsValue);
+  };
+  return /*#__PURE__*/React.createElement(ProFilter, {
+    fields: fields,
+    onReset: handleReset,
+    onSearch: handleSearch
+  });
+});

package/dist/filter/index.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import './index.less';
+import type { ProFilterProps } from './typing';
+declare const _default: React.ForwardRefExoticComponent<Omit<ProFilterProps<any>, "ref"> & React.RefAttributes<unknown>>;
+export default _default;