ht-components 1.0.1 → 1.0.3

package/README.md

@@ -6,13 +6,15 @@
 | 参数 | 类型 | 含义 | 必填 | 默认值 |
 | :------: | :-------: | :-------: | :------: | :------: |
 | rowKey  | string/function   |  表格列数据的key  |  是  |  -  |
-| columns  | array |  表格列信息，同antd配置  |  是  |  -  |
+| columns  | array |  表格列信息，同antd配置，新增renderFnName  |  是  |  -  |
+| columnsFnMap  | object | renderFnName的方法集合 |  -  |  -  |
 | headerJsx  | jsx |  筛选框和表格之间的内容  |  -  |  -  |
 | tableHeight  | string/number |  表格高度，只支持px  |  -  |  -  |
 | filterList  | array |  表格筛选项，见“filterList”  |  -  |  -  |
 | isRequest  | boolean |  是否发送请求  |  -  |  true  |
 | dataList  | array |  表格数据，不发送请求时使用  |  -  |  -  |
 | api  | string |  接口，发送请求时使用  |  -  |  -  |
+| resListKey  | string |  返回参数中的列表key  |  -  |  -  |
 | rowSelection  | Object |  表格复选配置  |  -  |  -  |
 | additionalParameters  | object |  请求数据的额外参数  |  -  |  -  |
 | dealReqDataFn  | function |  对请求数据进行自定义处理  |  -  |  -  |
@@ -36,7 +38,14 @@
 | filterDataKey  | string | 查询时给后端的参数key |  是  |  -  |
 | value  | string/array |  初始参数，范围选择时传数组  |  -  |  -  |
 | placeholder  | string/array  |  无内容时的填充项，范围选择时传数组  |  -  |  -  |
-| options | array |  filterType为select时的可选项，{label, value}  |  -  |  -  |
+| options | array/object |  filterType为select时的可选项，[{label, value}]或{value: label}  |  -  |  -  |
+| optionsApi  | string |  filterType为select时的可选项，接口，请求options列表，优先级高于options配置 |  -  |  -  |
+| resListKey  | string |  filterType为select时的可选项，options接口返回参数中的列表key  |  -  |  -  |
+| labelKey  | string |  filterType为select时的可选项，options接口返回参数中的label key  |  -  |  'label'  |
+| valueKey  | string |  filterType为select时的可选项，options接口返回参数中的value key  |  -  |  'value'  |
+| additionalParameters  | object |  filterType为select时的可选项，额外请求参数  |  -  |  - |
+| isLazy  | boolean |  filterType为select时的可选项，是否懒加载数据  |  -  |  false  |
+| lazySearchKey  | string |  filterType为select时的可选项，isLazy为true时的搜索key  |  -  |  'keyword'  |
 | picker | string |  filterType为datePicker时使用,日期组件可选范围（date/month/week/range）  |  -  |  date  |
 
 # HTScreen
@@ -46,6 +55,7 @@
 | 参数 | 类型 | 含义 | 必填 | 默认值 |
 | :------: | :-------: | :-------: | :------: | :------: |
 | filterList  | array |  筛选项，同HTTable  |  是  |  -  |
+| isShowSearchBtn  | boolean |  是否显示搜索按钮  |  -  |  true  |
 | search  | function |  搜索项，(searchJson) => {} |  -  |  -  |
 
 ## 方法

package/components/HTScreen/constant.js

@@ -1 +1 @@
-const fieldWhiteList=["placeholder","style","value","maxLength"];export const filterWhiteListData=t=>{const i={};Object.keys(t).map(e=>{if(fieldWhiteList.includes(e)){i[e]=t[e]}});return i};export const PICKER_ENUM={date:"DatePicker",month:"MonthPicker",week:"WeekPicker",range:"RangePicker"};
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.filterWhiteListData=exports.PICKER_ENUM=void 0;var fieldWhiteList=["placeholder","style","value","maxLength"];var filterWhiteListData=function e(t){var i={};Object.keys(t).map(function(e){if(fieldWhiteList.includes(e)){i[e]=t[e]}});return i};exports.filterWhiteListData=filterWhiteListData;var PICKER_ENUM={date:"DatePicker",month:"MonthPicker",week:"WeekPicker",range:"RangePicker"};exports.PICKER_ENUM=PICKER_ENUM;

package/components/HTScreen/index.js

@@ -1 +1 @@
-import React,{useState,useImperativeHandle,forwardRef}from"react";import{Button}from"antd";import"./index.less";const path=require("path");const files=require.context("./render",false,/\.js$/);const RenderModules={};files.keys().forEach(e=>{const t=path.basename(e,".js");RenderModules[t]=files(e).default||files(e)});export default forwardRef((e,t)=>{const[s,r]=useState(e.filterList||[]);useImperativeHandle(t,()=>{return{search:i}});const a=(e,t,a)=>{if(!e)return"";const r=n({...t});return React.createElement(e,{originData:r,componentValChange:e=>l(e,a),componentPressEnter:()=>i()})};const n=e=>{const t=e.filterType==="datePicker"&&e.picker==="range"?"300px":"200px";e.style={width:t,...e.style||{}};if(e.filterType==="input"){e.maxLength=e.maxLength||50}return e};const l=(e,t)=>{const a=[...s];a[t].value=e.value;r(a)};const c=e=>{return`render${e.slice(0,1).toUpperCase()+e.slice(1)}`};const i=()=>{const r={};s.map(a=>{if(Array.isArray(a.filterDataKey)){a.filterDataKey.map((e,t)=>{r[e]=a.value[t]})}else{r[a.filterDataKey]=a.value}});e.search&&e.search(r)};return React.createElement("div",{className:"HT-screen-components"},React.createElement("div",{className:"screen-list"},!!e.filterList&&!!e.filterList.length&&e.filterList.map((e,t)=>React.createElement("div",{key:t,className:"screen-item"},React.createElement("label",{className:"item-label"},e.label),React.createElement("div",{className:"item-content"},!!e.filterType&&a(RenderModules[c(e.filterType)],e,t))))),React.createElement("div",{className:"screen-btn-group"},React.createElement(Button,{type:"primary",className:"submit-btn",onClick:()=>i()},"查询")))});
+"use strict";function _typeof(e){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=void 0;var _react=_interopRequireWildcard(require("react"));var _antd=require("antd");require("./index.less");function _getRequireWildcardCache(e){if(typeof WeakMap!=="function")return null;var t=new WeakMap;var n=new WeakMap;return(_getRequireWildcardCache=function e(r){return r?n:t})(e)}function _interopRequireWildcard(e,r){if(!r&&e&&e.__esModule){return e}if(e===null||_typeof(e)!=="object"&&typeof e!=="function"){return{default:e}}var t=_getRequireWildcardCache(r);if(t&&t.has(e)){return t.get(e)}var n={};var a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e){if(o!=="default"&&Object.prototype.hasOwnProperty.call(e,o)){var i=a?Object.getOwnPropertyDescriptor(e,o):null;if(i&&(i.get||i.set)){Object.defineProperty(n,o,i)}else{n[o]=e[o]}}}n["default"]=e;if(t){t.set(e,n)}return n}function _toConsumableArray(e){return _arrayWithoutHoles(e)||_iterableToArray(e)||_unsupportedIterableToArray(e)||_nonIterableSpread()}function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _iterableToArray(e){if(typeof Symbol!=="undefined"&&e[Symbol.iterator]!=null||e["@@iterator"]!=null)return Array.from(e)}function _arrayWithoutHoles(e){if(Array.isArray(e))return _arrayLikeToArray(e)}function ownKeys(r,e){var t=Object.keys(r);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(r);e&&(n=n.filter(function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})),t.push.apply(t,n)}return t}function _objectSpread(r){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach(function(e){_defineProperty(r,e,t[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach(function(e){Object.defineProperty(r,e,Object.getOwnPropertyDescriptor(t,e))})}return r}function _defineProperty(e,r,t){r=_toPropertyKey(r);if(r in e){Object.defineProperty(e,r,{value:t,enumerable:true,configurable:true,writable:true})}else{e[r]=t}return e}function _toPropertyKey(e){var r=_toPrimitive(e,"string");return _typeof(r)==="symbol"?r:String(r)}function _toPrimitive(e,r){if(_typeof(e)!=="object"||e===null)return e;var t=e[Symbol.toPrimitive];if(t!==undefined){var n=t.call(e,r||"default");if(_typeof(n)!=="object")return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return(r==="string"?String:Number)(e)}function _slicedToArray(e,r){return _arrayWithHoles(e)||_iterableToArrayLimit(e,r)||_unsupportedIterableToArray(e,r)||_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(e,r){if(!e)return;if(typeof e==="string")return _arrayLikeToArray(e,r);var t=Object.prototype.toString.call(e).slice(8,-1);if(t==="Object"&&e.constructor)t=e.constructor.name;if(t==="Map"||t==="Set")return Array.from(e);if(t==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t))return _arrayLikeToArray(e,r)}function _arrayLikeToArray(e,r){if(r==null||r>e.length)r=e.length;for(var t=0,n=new Array(r);t<r;t++)n[t]=e[t];return n}function _iterableToArrayLimit(e,r){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var n,a,o,i,l=[],u=!0,c=!1;try{if(o=(t=t.call(e)).next,0===r){if(Object(t)!==t)return;u=!1}else for(;!(u=(n=o.call(t)).done)&&(l.push(n.value),l.length!==r);u=!0);}catch(e){c=!0,a=e}finally{try{if(!u&&null!=t["return"]&&(i=t["return"](),Object(i)!==i))return}finally{if(c)throw a}}return l}}function _arrayWithHoles(e){if(Array.isArray(e))return e}var path=require("path");var files=require.context("./render",false,/\.js$/);var RenderModules={};files.keys().forEach(function(e){var r=path.basename(e,".js");RenderModules[r]=files(e)["default"]||files(e)});var _default=(0,_react.forwardRef)(function(r,e){var t=(0,_react.useState)(r.filterList||[]),n=_slicedToArray(t,2),a=n[0],o=n[1];var i=r.isShowSearchBtn!==false;(0,_react.useImperativeHandle)(e,function(){return{search:s}});var l=function e(r,t,n){if(!r)return"";var a=u(_objectSpread({},t));return _react["default"].createElement(r,{originData:a,componentValChange:function e(r){return c(r,n)},componentPressEnter:function e(){return s()}})};var u=function e(r){var t=r.filterType==="datePicker"&&r.picker==="range"?"300px":"200px";r.style=_objectSpread({width:t},r.style||{});if(r.filterType==="input"){r.maxLength=r.maxLength||50}return r};var c=function e(r,t){var n=_toConsumableArray(a);n[t].value=r.value;o(n)};var f=function e(r){return"render".concat(r.slice(0,1).toUpperCase()+r.slice(1))};var s=function e(){var n={};a.map(function(t){if(Array.isArray(t.filterDataKey)){t.filterDataKey.map(function(e,r){n[e]=t.value[r]})}else{n[t.filterDataKey]=t.value}});r.search&&r.search(n)};return _react["default"].createElement("div",{className:"HT-screen-components"},_react["default"].createElement("div",{className:"screen-list"},!!r.filterList&&!!r.filterList.length&&r.filterList.map(function(e,r){return _react["default"].createElement("div",{key:r,className:"screen-item"},_react["default"].createElement("label",{className:"item-label"},e.label),_react["default"].createElement("div",{className:"item-content"},!!e.filterType&&l(RenderModules[f(e.filterType)],e,r)))})),!!i&&_react["default"].createElement("div",{className:"screen-btn-group"},_react["default"].createElement(_antd.Button,{type:"primary",className:"submit-btn",onClick:function e(){return s()}},"查询")))});exports["default"]=_default;

package/components/HTScreen/render/renderDatePicker.js

@@ -1 +1 @@
-function _extends(){_extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var n in a){if(Object.prototype.hasOwnProperty.call(a,n)){e[n]=a[n]}}}return e};return _extends.apply(this,arguments)}import React,{useState}from"react";import{DatePicker}from"antd";import moment from"moment";import{filterWhiteListData,PICKER_ENUM}from"../constant";export default function RenderInput(n){const[r,l]=useState(n.originData||{});const e=PICKER_ENUM[r.picker||"date"];const t=e===PICKER_ENUM.date?DatePicker:DatePicker[e];if(!r.value){r.value=null}else if(r.dateValue){r.value=r.dateValue}else if(typeof r.value==="string"){r.value=moment(r.value)}else if(Array.isArray(r.value)){r.value=r.value.map(e=>e?moment(e):null)}const a=(e,t)=>{const a={...r};a.dateValue=e;a.value=t;l(a);n.componentValChange&&n.componentValChange(a)};return React.createElement(t,_extends({},filterWhiteListData(r),{allowClear:r.allowClear!==false,onChange:(e,t)=>a(e,t)}))}
+"use strict";function _typeof(e){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=RenderInput;var _react=_interopRequireWildcard(require("react"));var _antd=require("antd");var _moment=_interopRequireDefault(require("moment"));var _constant=require("../constant");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _getRequireWildcardCache(e){if(typeof WeakMap!=="function")return null;var t=new WeakMap;var n=new WeakMap;return(_getRequireWildcardCache=function e(r){return r?n:t})(e)}function _interopRequireWildcard(e,r){if(!r&&e&&e.__esModule){return e}if(e===null||_typeof(e)!=="object"&&typeof e!=="function"){return{default:e}}var t=_getRequireWildcardCache(r);if(t&&t.has(e)){return t.get(e)}var n={};var o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in e){if(a!=="default"&&Object.prototype.hasOwnProperty.call(e,a)){var i=o?Object.getOwnPropertyDescriptor(e,a):null;if(i&&(i.get||i.set)){Object.defineProperty(n,a,i)}else{n[a]=e[a]}}}n["default"]=e;if(t){t.set(e,n)}return n}function _extends(){_extends=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t){if(Object.prototype.hasOwnProperty.call(t,n)){e[n]=t[n]}}}return e};return _extends.apply(this,arguments)}function ownKeys(r,e){var t=Object.keys(r);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(r);e&&(n=n.filter(function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})),t.push.apply(t,n)}return t}function _objectSpread(r){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach(function(e){_defineProperty(r,e,t[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach(function(e){Object.defineProperty(r,e,Object.getOwnPropertyDescriptor(t,e))})}return r}function _defineProperty(e,r,t){r=_toPropertyKey(r);if(r in e){Object.defineProperty(e,r,{value:t,enumerable:true,configurable:true,writable:true})}else{e[r]=t}return e}function _toPropertyKey(e){var r=_toPrimitive(e,"string");return _typeof(r)==="symbol"?r:String(r)}function _toPrimitive(e,r){if(_typeof(e)!=="object"||e===null)return e;var t=e[Symbol.toPrimitive];if(t!==undefined){var n=t.call(e,r||"default");if(_typeof(n)!=="object")return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return(r==="string"?String:Number)(e)}function _slicedToArray(e,r){return _arrayWithHoles(e)||_iterableToArrayLimit(e,r)||_unsupportedIterableToArray(e,r)||_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(e,r){if(!e)return;if(typeof e==="string")return _arrayLikeToArray(e,r);var t=Object.prototype.toString.call(e).slice(8,-1);if(t==="Object"&&e.constructor)t=e.constructor.name;if(t==="Map"||t==="Set")return Array.from(e);if(t==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t))return _arrayLikeToArray(e,r)}function _arrayLikeToArray(e,r){if(r==null||r>e.length)r=e.length;for(var t=0,n=new Array(r);t<r;t++)n[t]=e[t];return n}function _iterableToArrayLimit(e,r){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var n,o,a,i,u=[],l=!0,c=!1;try{if(a=(t=t.call(e)).next,0===r){if(Object(t)!==t)return;l=!1}else for(;!(l=(n=a.call(t)).done)&&(u.push(n.value),u.length!==r);l=!0);}catch(e){c=!0,o=e}finally{try{if(!l&&null!=t["return"]&&(i=t["return"](),Object(i)!==i))return}finally{if(c)throw o}}return u}}function _arrayWithHoles(e){if(Array.isArray(e))return e}function RenderInput(o){var e=(0,_react.useState)(o.originData||{}),r=_slicedToArray(e,2),a=r[0],i=r[1];var t=_constant.PICKER_ENUM[a.picker||"date"];var n=t===_constant.PICKER_ENUM.date?_antd.DatePicker:_antd.DatePicker[t];if(!a.value){a.value=null}else if(a.dateValue){a.value=a.dateValue}else if(typeof a.value==="string"){a.value=(0,_moment["default"])(a.value)}else if(Array.isArray(a.value)){a.value=a.value.map(function(e){return e?(0,_moment["default"])(e):null})}var u=function e(r,t){var n=_objectSpread({},a);n.dateValue=r;n.value=t;i(n);o.componentValChange&&o.componentValChange(n)};return _react["default"].createElement(n,_extends({},(0,_constant.filterWhiteListData)(a),{allowClear:a.allowClear!==false,onChange:function e(r,t){return u(r,t)}}))}

package/components/HTScreen/render/renderInput.js

@@ -1 +1 @@
-function _extends(){_extends=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var r in n){if(Object.prototype.hasOwnProperty.call(n,r)){t[r]=n[r]}}}return t};return _extends.apply(this,arguments)}import React,{useState}from"react";import{Input}from"antd";import{filterWhiteListData}from"../constant";export default function RenderInput(r){const[a,o]=useState(r.originData||{});const e=t=>{const e=t.currentTarget.value;const n={...a};n.value=e;o(n);r.componentValChange&&r.componentValChange(n)};return React.createElement(Input,_extends({},filterWhiteListData(a),{allowClear:a.allowClear!==false,onChange:t=>e(t),onPressEnter:()=>r.componentPressEnter&&r.componentPressEnter()}))}
+"use strict";function _typeof(e){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=RenderInput;var _react=_interopRequireWildcard(require("react"));var _antd=require("antd");var _constant=require("../constant");function _getRequireWildcardCache(e){if(typeof WeakMap!=="function")return null;var t=new WeakMap;var n=new WeakMap;return(_getRequireWildcardCache=function e(r){return r?n:t})(e)}function _interopRequireWildcard(e,r){if(!r&&e&&e.__esModule){return e}if(e===null||_typeof(e)!=="object"&&typeof e!=="function"){return{default:e}}var t=_getRequireWildcardCache(r);if(t&&t.has(e)){return t.get(e)}var n={};var o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in e){if(a!=="default"&&Object.prototype.hasOwnProperty.call(e,a)){var i=o?Object.getOwnPropertyDescriptor(e,a):null;if(i&&(i.get||i.set)){Object.defineProperty(n,a,i)}else{n[a]=e[a]}}}n["default"]=e;if(t){t.set(e,n)}return n}function _extends(){_extends=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t){if(Object.prototype.hasOwnProperty.call(t,n)){e[n]=t[n]}}}return e};return _extends.apply(this,arguments)}function ownKeys(r,e){var t=Object.keys(r);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(r);e&&(n=n.filter(function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})),t.push.apply(t,n)}return t}function _objectSpread(r){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach(function(e){_defineProperty(r,e,t[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach(function(e){Object.defineProperty(r,e,Object.getOwnPropertyDescriptor(t,e))})}return r}function _defineProperty(e,r,t){r=_toPropertyKey(r);if(r in e){Object.defineProperty(e,r,{value:t,enumerable:true,configurable:true,writable:true})}else{e[r]=t}return e}function _toPropertyKey(e){var r=_toPrimitive(e,"string");return _typeof(r)==="symbol"?r:String(r)}function _toPrimitive(e,r){if(_typeof(e)!=="object"||e===null)return e;var t=e[Symbol.toPrimitive];if(t!==undefined){var n=t.call(e,r||"default");if(_typeof(n)!=="object")return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return(r==="string"?String:Number)(e)}function _slicedToArray(e,r){return _arrayWithHoles(e)||_iterableToArrayLimit(e,r)||_unsupportedIterableToArray(e,r)||_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(e,r){if(!e)return;if(typeof e==="string")return _arrayLikeToArray(e,r);var t=Object.prototype.toString.call(e).slice(8,-1);if(t==="Object"&&e.constructor)t=e.constructor.name;if(t==="Map"||t==="Set")return Array.from(e);if(t==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t))return _arrayLikeToArray(e,r)}function _arrayLikeToArray(e,r){if(r==null||r>e.length)r=e.length;for(var t=0,n=new Array(r);t<r;t++)n[t]=e[t];return n}function _iterableToArrayLimit(e,r){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var n,o,a,i,u=[],l=!0,c=!1;try{if(a=(t=t.call(e)).next,0===r){if(Object(t)!==t)return;l=!1}else for(;!(l=(n=a.call(t)).done)&&(u.push(n.value),u.length!==r);l=!0);}catch(e){c=!0,o=e}finally{try{if(!l&&null!=t["return"]&&(i=t["return"](),Object(i)!==i))return}finally{if(c)throw o}}return u}}function _arrayWithHoles(e){if(Array.isArray(e))return e}function RenderInput(o){var e=(0,_react.useState)(o.originData||{}),r=_slicedToArray(e,2),a=r[0],i=r[1];var t=function e(r){var t=r.currentTarget.value;var n=_objectSpread({},a);n.value=t;i(n);o.componentValChange&&o.componentValChange(n)};return _react["default"].createElement(_antd.Input,_extends({},(0,_constant.filterWhiteListData)(a),{allowClear:a.allowClear!==false,onChange:function e(r){return t(r)},onPressEnter:function e(){return o.componentPressEnter&&o.componentPressEnter()}}))}

package/components/HTScreen/render/renderSelect.js

@@ -1 +1 @@
-function _extends(){_extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n){if(Object.prototype.hasOwnProperty.call(n,o)){e[o]=n[o]}}}return e};return _extends.apply(this,arguments)}import React,{useState}from"react";import{Select}from"antd";import{filterWhiteListData}from"../constant";const{Option}=Select;export default function RenderInput(n){const[o,a]=useState(n.originData||{});const t=e=>{const t={...o};t.value=e;a(t);n.componentValChange&&n.componentValChange(t)};return React.createElement(Select,_extends({},filterWhiteListData(o),{allowClear:o.allowClear!==false,showSearch:o.showSearch!==false,optionFilterProp:"children",filterOption:(e,t)=>t.props.children.toLowerCase().includes(e.toLowerCase()),onChange:e=>t(e)}),!!o.options&&!!o.options.length&&o.options.map(e=>React.createElement(Option,{key:e.value,value:e.value},e.label)))}
+"use strict";function _typeof(e){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=RenderInput;var _react=_interopRequireWildcard(require("react"));var _antd=require("antd");var _request=_interopRequireDefault(require("@services/request.js"));var _constant=require("../constant");var _hooks=require("../../../hooks.js");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _getRequireWildcardCache(e){if(typeof WeakMap!=="function")return null;var r=new WeakMap;var n=new WeakMap;return(_getRequireWildcardCache=function e(t){return t?n:r})(e)}function _interopRequireWildcard(e,t){if(!t&&e&&e.__esModule){return e}if(e===null||_typeof(e)!=="object"&&typeof e!=="function"){return{default:e}}var r=_getRequireWildcardCache(t);if(r&&r.has(e)){return r.get(e)}var n={};var o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e){if(i!=="default"&&Object.prototype.hasOwnProperty.call(e,i)){var a=o?Object.getOwnPropertyDescriptor(e,i):null;if(a&&(a.get||a.set)){Object.defineProperty(n,i,a)}else{n[i]=e[i]}}}n["default"]=e;if(r){r.set(e,n)}return n}function _extends(){_extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r){if(Object.prototype.hasOwnProperty.call(r,n)){e[n]=r[n]}}}return e};return _extends.apply(this,arguments)}function ownKeys(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),r.push.apply(r,n)}return r}function _objectSpread(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(r),!0).forEach(function(e){_defineProperty(t,e,r[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):ownKeys(Object(r)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))})}return t}function _defineProperty(e,t,r){t=_toPropertyKey(t);if(t in e){Object.defineProperty(e,t,{value:r,enumerable:true,configurable:true,writable:true})}else{e[t]=r}return e}function _toPropertyKey(e){var t=_toPrimitive(e,"string");return _typeof(t)==="symbol"?t:String(t)}function _toPrimitive(e,t){if(_typeof(e)!=="object"||e===null)return e;var r=e[Symbol.toPrimitive];if(r!==undefined){var n=r.call(e,t||"default");if(_typeof(n)!=="object")return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}function _slicedToArray(e,t){return _arrayWithHoles(e)||_iterableToArrayLimit(e,t)||_unsupportedIterableToArray(e,t)||_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(e,t){if(!e)return;if(typeof e==="string")return _arrayLikeToArray(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);if(r==="Object"&&e.constructor)r=e.constructor.name;if(r==="Map"||r==="Set")return Array.from(e);if(r==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return _arrayLikeToArray(e,t)}function _arrayLikeToArray(e,t){if(t==null||t>e.length)t=e.length;for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function _iterableToArrayLimit(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,i,a,u=[],c=!0,l=!1;try{if(i=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;c=!1}else for(;!(c=(n=i.call(r)).done)&&(u.push(n.value),u.length!==t);c=!0);}catch(e){l=!0,o=e}finally{try{if(!c&&null!=r["return"]&&(a=r["return"](),Object(a)!==a))return}finally{if(l)throw o}}return u}}function _arrayWithHoles(e){if(Array.isArray(e))return e}var Option=_antd.Select.Option;function RenderInput(n){var e=(0,_react.useState)(function(){var t=n.originData||{};if(!t.optionsApi){if(t.options&&Object.prototype.toString.call(t.options)==="[object Object]"){t.options=Object.keys(t.options).map(function(e){return{label:t.options[e],value:e}})}}else{t.options=[]}return t}),t=_slicedToArray(e,2),o=t[0],i=t[1];var r=(0,_react.useState)(""),a=_slicedToArray(r,2),u=a[0],c=a[1];var l=(0,_hooks.useDebounceHook)(u);(0,_react.useEffect)(function(){if(!o.isLazy){f()}},[]);var f=function e(){if(!o.optionsApi)return;var t=o.isLazy?_defineProperty({},"".concat(o.lazySearchKey||"keyword"),l):{};_request["default"][o.optionsApi](_objectSpread(_objectSpread({},o.additionalParameters||{}),t)).then(function(e){if(e.success){var t=o.resListKey?e.content[o.resListKey]:e.content;var r=_objectSpread({},o);r.options=t.map(function(e){return{label:e[o.labelKey||"label"],value:e[o.valueKey||"value"]}});i(r)}})};var s=function e(t){var r=_objectSpread({},o);r.value=t;i(r);n.componentValChange&&n.componentValChange(r)};var p=function e(t){if(o.isLazy){c(t)}};(0,_react.useEffect)(function(){if(!l)return;f()},[l]);return _react["default"].createElement(_antd.Select,_extends({},(0,_constant.filterWhiteListData)(o),{allowClear:o.allowClear!==false,showSearch:o.showSearch!==false,optionFilterProp:"children",filterOption:function e(t,r){return r.props.children.toLowerCase().includes(t.toLowerCase())},onChange:function e(t){return s(t)},onSearch:function e(t){return p(t)}}),!!o.options&&!!o.options.length&&o.options.map(function(e){return _react["default"].createElement(Option,{key:e.value,value:e.value},e.label)}))}

package/components/HTTable/constant.js

@@ -1 +1 @@
-const mustKey=["columns","rowKey"];export function isMustInit(s){for(let e=0;e<mustKey.length;e++){if(!s[mustKey[e]]){throw new Error(`${mustKey[e]}不可为空`)}}if(s.isRequest!==false&&!s.api){throw new Error(`api不可为空`)}if(s.isRequest===false&&!s.columns){throw new Error(`columns不可为空`)}}
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.isMustInit=isMustInit;var mustKey=["columns","rowKey"];function isMustInit(e){for(var t=0;t<mustKey.length;t++){if(!e[mustKey[t]]){throw new Error("".concat(mustKey[t],"不可为空"))}}if(e.isRequest!==false&&!e.api){throw new Error("api不可为空")}if(e.isRequest===false&&!e.columns){throw new Error("columns不可为空")}}

package/components/HTTable/index.js

@@ -1 +1 @@
-import React,{useEffect,useState,useRef,useImperativeHandle,forwardRef}from"react";import{Table}from"antd";import request from"@services/request.js";import HTScreen from"../HTScreen";import{isMustInit}from"./constant";import"./index.less";export default forwardRef((n,e)=>{isMustInit(n);const c=useRef(null);const t=useRef(null);const[a,r]=useState([]);const[s,o]=useState("100vh");const[i,l]=useState(()=>S(n.filterList));const[u,f]=useState({current:1,pageSize:10,...n.paginationInfo||{}});const[m,d]=useState(0);const p=n.isRequest!==false;const h=n.isPagination!==false;useEffect(()=>{if(!p){r(n.dataList||[])}setTimeout(()=>{let e=0;if(n.tableHeight){e=Number.parseFloat(n.tableHeight)}else{const r=document.documentElement.clientHeight;const s=c.current.offsetTop;e=r-s}let t=0;const a=c.current.getElementsByClassName("ant-table-thead");if(a&&a.length){t=a[0].offsetHeight}o(e-t)},0)},[]);useEffect(()=>{if(p){R()}},[u,i]);useImperativeHandle(e,()=>{return{search:()=>t.current.search()}});const R=()=>{let e={...i||{},...n.additionalParameters||{},limit:u.pageSize,page:u.current};if(n.dealReqDataFn){e=n.dealReqDataFn(e)}request[n.api](e).then(e=>{if(e.success){const t=e.content.totalCount||0;const a=n.successFn?n.successFn(e.content):e.content;d(t);r(a)}})};function S(e){if(!e)return{};const r={};e.map(a=>{if(Array.isArray(a.filterDataKey)){a.filterDataKey.map((e,t)=>{if(!e){throw new Error(`${a.label}未设置参数filterType`)}r[e]=a.value[t]})}else{if(!a.filterDataKey){throw new Error(`${a.label}未设置参数filterType`)}r[a.filterDataKey]=a.value}});return r}const g=e=>{const t={...u};t.current=1;f(t);e&&l(e)};const y=e=>{const t={...e};t.current=e.current;f(t)};return React.createElement("div",{className:"HT-table-components"},React.createElement(HTScreen,{ref:t,filterList:n.filterList,search:e=>{g(e)}}),!!n.headerJsx&&React.createElement("div",{className:"table-header"},n.headerJsx),React.createElement("div",{className:"table-content",ref:c},React.createElement(Table,{dataSource:a,columns:n.columns,pagination:h?{...u,total:m}:false,rowKey:n.rowKey,rowSelection:n.rowSelection||{},onChange:y,scroll:{x:true,y:s}})))});
+"use strict";function _typeof(e){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=void 0;var _react=_interopRequireWildcard(require("react"));var _antd=require("antd");var _request=_interopRequireDefault(require("@services/request.js"));var _HTScreen=_interopRequireDefault(require("../HTScreen"));var _constant=require("./constant");require("./index.less");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _getRequireWildcardCache(e){if(typeof WeakMap!=="function")return null;var t=new WeakMap;var a=new WeakMap;return(_getRequireWildcardCache=function e(r){return r?a:t})(e)}function _interopRequireWildcard(e,r){if(!r&&e&&e.__esModule){return e}if(e===null||_typeof(e)!=="object"&&typeof e!=="function"){return{default:e}}var t=_getRequireWildcardCache(r);if(t&&t.has(e)){return t.get(e)}var a={};var n=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e){if(o!=="default"&&Object.prototype.hasOwnProperty.call(e,o)){var i=n?Object.getOwnPropertyDescriptor(e,o):null;if(i&&(i.get||i.set)){Object.defineProperty(a,o,i)}else{a[o]=e[o]}}}a["default"]=e;if(t){t.set(e,a)}return a}function ownKeys(r,e){var t=Object.keys(r);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(r);e&&(a=a.filter(function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})),t.push.apply(t,a)}return t}function _objectSpread(r){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach(function(e){_defineProperty(r,e,t[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach(function(e){Object.defineProperty(r,e,Object.getOwnPropertyDescriptor(t,e))})}return r}function _defineProperty(e,r,t){r=_toPropertyKey(r);if(r in e){Object.defineProperty(e,r,{value:t,enumerable:true,configurable:true,writable:true})}else{e[r]=t}return e}function _toPropertyKey(e){var r=_toPrimitive(e,"string");return _typeof(r)==="symbol"?r:String(r)}function _toPrimitive(e,r){if(_typeof(e)!=="object"||e===null)return e;var t=e[Symbol.toPrimitive];if(t!==undefined){var a=t.call(e,r||"default");if(_typeof(a)!=="object")return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return(r==="string"?String:Number)(e)}function _slicedToArray(e,r){return _arrayWithHoles(e)||_iterableToArrayLimit(e,r)||_unsupportedIterableToArray(e,r)||_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(e,r){if(!e)return;if(typeof e==="string")return _arrayLikeToArray(e,r);var t=Object.prototype.toString.call(e).slice(8,-1);if(t==="Object"&&e.constructor)t=e.constructor.name;if(t==="Map"||t==="Set")return Array.from(e);if(t==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t))return _arrayLikeToArray(e,r)}function _arrayLikeToArray(e,r){if(r==null||r>e.length)r=e.length;for(var t=0,a=new Array(r);t<r;t++)a[t]=e[t];return a}function _iterableToArrayLimit(e,r){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var a,n,o,i,u=[],c=!0,l=!1;try{if(o=(t=t.call(e)).next,0===r){if(Object(t)!==t)return;c=!1}else for(;!(c=(a=o.call(t)).done)&&(u.push(a.value),u.length!==r);c=!0);}catch(e){l=!0,n=e}finally{try{if(!c&&null!=t["return"]&&(i=t["return"](),Object(i)!==i))return}finally{if(l)throw n}}return u}}function _arrayWithHoles(e){if(Array.isArray(e))return e}var _default=(0,_react.forwardRef)(function(o,e){(0,_constant.isMustInit)(o);var i=(0,_react.useRef)(null);var r=(0,_react.useRef)(null);var t=(0,_react.useState)([]),a=_slicedToArray(t,2),n=a[0],u=a[1];var c=(0,_react.useState)("100vh"),l=_slicedToArray(c,2),f=l[0],s=l[1];var y=(0,_react.useState)(function(){return H(o.filterList)}),p=_slicedToArray(y,2),d=p[0],_=p[1];var b=(0,_react.useState)(_objectSpread({current:1,pageSize:10},o.paginationInfo||{})),v=_slicedToArray(b,2),m=v[0],h=v[1];var g=(0,_react.useState)(0),S=_slicedToArray(g,2),j=S[0],O=S[1];var w=(0,_react.useState)(false),P=_slicedToArray(w,2),T=P[0],A=P[1];var q=o.isRequest!==false;var R=o.isPagination!==false;var D=o.columns;var E=o.columnsFnMap||{};D.map(function(e){var r=e.renderFnName;if(r&&E[r]){e.render=E[r]}});(0,_react.useEffect)(function(){if(!q){u(o.dataList||[])}setTimeout(function(){var e=0;if(o.tableHeight){e=Number.parseFloat(o.tableHeight)}else{var r=document.documentElement.clientHeight;var t=i.current.offsetTop;e=r-t}var a=0;var n=i.current.getElementsByClassName("ant-table-thead");if(n&&n.length){a=n[0].offsetHeight}s(e-a)},0)},[]);(0,_react.useEffect)(function(){if(q){K()}},[m,d]);(0,_react.useImperativeHandle)(e,function(){return{search:function e(){return r.current.search()}}});var K=function e(){var r=_objectSpread(_objectSpread(_objectSpread({},d||{}),o.additionalParameters||{}),{},{limit:m.pageSize,page:m.current});if(o.dealReqDataFn){r=o.dealReqDataFn(r)}A(true);_request["default"][o.api](r).then(function(e){if(e.success){var r;var t=((r=e.content)===null||r===void 0?void 0:r.totalCount)||0;var a=o.successFn?o.successFn(e.content):o.resListKey?e.content[o.resListKey]:e.content;O(t);u(a)}A(false)})["catch"](function(){A(false)})};function H(e){if(!e)return{};var a={};e.map(function(t){if(Array.isArray(t.filterDataKey)){t.filterDataKey.map(function(e,r){if(!e){throw new Error("".concat(t.label,"未设置参数filterType"))}a[e]=t.value[r]})}else{if(!t.filterDataKey){throw new Error("".concat(t.label,"未设置参数filterType"))}a[t.filterDataKey]=t.value}});return a}var L=function e(r){var t=_objectSpread({},m);t.current=1;h(t);r&&_(r)};var I=function e(r){var t=_objectSpread({},r);t.current=r.current;h(t)};return _react["default"].createElement("div",{className:"HT-table-components"},_react["default"].createElement(_HTScreen["default"],{ref:r,filterList:o.filterList,search:function e(r){L(r)}}),!!o.headerJsx&&_react["default"].createElement("div",{className:"table-header"},o.headerJsx),_react["default"].createElement("div",{className:"table-content",ref:i},_react["default"].createElement(_antd.Table,{dataSource:n,columns:D,pagination:R?_objectSpread(_objectSpread({},m),{},{total:j}):false,rowKey:o.rowKey,rowSelection:o.rowSelection||null,onChange:I,scroll:{x:true,y:f},loading:T})))});exports["default"]=_default;

package/hooks.js

@@ -0,0 +1 @@
+import{useEffect,useState}from"react";export const useDebounceHook=function(t,o=500){const[e,u]=useState(t);useEffect(()=>{const e=setTimeout(()=>u(t),o);return()=>clearTimeout(e)},[t,o]);return e};

package/index.js

@@ -1,3 +1 @@
-export { default as HTScreen } from './components/HTScreen';
-export { default as HTTable } from './components/HTTable';
-
+export{default as HTScreen}from"./components/HTScreen";export{default as HTTable}from"./components/HTTable";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ht-components",
-  "version": "1.0.1",
+  "version": "1.0.3",
   "description": "",
   "main": "index.js",
   "scripts": {
@@ -16,6 +16,8 @@
     "@babel/core": "^7.21.4",
     "@babel/preset-env": "^7.21.4",
     "@babel/preset-react": "^7.18.6",
+    "babel-preset-env": "^1.7.0",
+    "babel-preset-es2015": "^6.24.1",
     "gulp-babel": "^8.0.0",
     "gulp-clean": "^0.4.0",
     "gulp-css-minify": "^0.9.2",