ht-components 1.0.4 → 1.0.6

package/components/HTScreen/index.css

@@ -0,0 +1 @@
+.HT-screen-components{display:flex;box-sizing:border-box;padding:30px 20px;}.HT-screen-components .screen-list{flex:1;display:flex;align-items:center;flex-wrap:wrap;}.HT-screen-components .screen-list .screen-item{display:flex;align-items:center;margin-right:30px;margin-bottom:10px;}.HT-screen-components .screen-list .screen-item .item-label{margin-right:10px;min-width:80px;text-align:right;}.HT-screen-components .screen-list .submit-btn{margin-bottom:10px;margin-right:10px;}.HT-screen-components .screen-list .restting-btn{margin-bottom:10px;}.HT-screen-components .screen-btn-group{width:70px;}

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||[]);const a=e.isShowSearchBtn!==false;useImperativeHandle(t,()=>{return{search:o}});const n=(e,t,a)=>{if(!e)return"";const r=c({...t});return React.createElement(e,{originData:r,componentValChange:e=>l(e,a),componentPressEnter:()=>o()})};const c=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 i=e=>{return`render${e.slice(0,1).toUpperCase()+e.slice(1)}`};const o=()=>{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&&n(RenderModules[i(e.filterType)],e,t))))),!!a&&React.createElement("div",{className:"screen-btn-group"},React.createElement(Button,{type:"primary",className:"submit-btn",onClick:()=>o()},"查询")))});
+import React,{useState,useImperativeHandle,forwardRef}from"react";import{Button}from"antd";import"./index.css";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||[]);const a=e.isShowSearchBtn!==false;useImperativeHandle(t,()=>{return{search:o}});const n=(e,t,a)=>{if(!e)return"";const r=c({...t});return React.createElement(e,{originData:r,componentValChange:e=>l(e,a),componentPressEnter:()=>o()})};const c=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 i=e=>{return`render${e.slice(0,1).toUpperCase()+e.slice(1)}`};const o=()=>{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&&n(RenderModules[i(e.filterType)],e,t))))),!!a&&React.createElement("div",{className:"screen-btn-group"},React.createElement(Button,{type:"primary",className:"submit-btn",onClick:()=>o()},"查询")))});

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((r,e)=>{isMustInit(r);const c=useRef(null);const t=useRef(null);const[a,n]=useState([]);const[s,o]=useState("100vh");const[l,i]=useState(()=>b(r.filterList));const[u,f]=useState({current:1,pageSize:10,...r.paginationInfo||{}});const[m,d]=useState(0);const[p,h]=useState(false);const S=r.isRequest!==false;const g=r.isPagination!==false;const y=r.columns;const R=r.columnsFnMap||{};y.map(e=>{const t=e.renderFnName;if(t&&R[t]){e.render=R[t]}});useEffect(()=>{if(!S){n(r.dataList||[])}setTimeout(()=>{let e=0;if(r.tableHeight){e=Number.parseFloat(r.tableHeight)}else{const n=document.documentElement.clientHeight;const s=c.current.offsetTop;e=n-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(S){E()}},[u,l]);useImperativeHandle(e,()=>{return{search:()=>t.current.search()}});const E=()=>{let e={...l||{},...r.additionalParameters||{},limit:u.pageSize,page:u.current};if(r.dealReqDataFn){e=r.dealReqDataFn(e)}h(true);request[r.api](e).then(e=>{if(e.success){const t=e.content&&e.content.totalCount||0;const a=r.successFn?r.successFn(e.content):r.resListKey?e.content[r.resListKey]:e.content;d(t);n(a)}h(false)}).catch(()=>{h(false)})};function b(e){if(!e)return{};const n={};e.map(a=>{if(Array.isArray(a.filterDataKey)){a.filterDataKey.map((e,t)=>{if(!e){throw new Error(`${a.label}未设置参数filterType`)}n[e]=a.value[t]})}else{if(!a.filterDataKey){throw new Error(`${a.label}未设置参数filterType`)}n[a.filterDataKey]=a.value}});return n}const w=e=>{const t={...u};t.current=1;f(t);e&&i(e)};const H=e=>{const t={...e};t.current=e.current;f(t)};return React.createElement("div",{className:"HT-table-components"},React.createElement(HTScreen,{ref:t,filterList:r.filterList,search:e=>{w(e)}}),!!r.headerJsx&&React.createElement("div",{className:"table-header"},r.headerJsx),React.createElement("div",{className:"table-content",ref:c},React.createElement(Table,{dataSource:a,columns:y,pagination:g?{...u,total:m}:false,rowKey:r.rowKey,rowSelection:r.rowSelection||null,onChange:H,scroll:{x:true,y:s},loading:p})))});
+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.css";export default forwardRef((r,e)=>{isMustInit(r);const c=useRef(null);const t=useRef(null);const[a,n]=useState([]);const[s,o]=useState("100vh");const[l,i]=useState(()=>b(r.filterList));const[u,f]=useState({current:1,pageSize:10,...r.paginationInfo||{}});const[m,d]=useState(0);const[p,h]=useState(false);const S=r.isRequest!==false;const g=r.isPagination!==false;const y=r.columns;const R=r.columnsFnMap||{};y.map(e=>{const t=e.renderFnName;if(t&&R[t]){e.render=R[t]}});useEffect(()=>{if(!S){n(r.dataList||[])}setTimeout(()=>{let e=0;if(r.tableHeight){e=Number.parseFloat(r.tableHeight)}else{const n=document.documentElement.clientHeight;const s=c.current.offsetTop;e=n-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(S){E()}},[u,l]);useImperativeHandle(e,()=>{return{search:()=>t.current.search()}});const E=()=>{let e={...l||{},...r.additionalParameters||{},limit:u.pageSize,page:u.current};if(r.dealReqDataFn){e=r.dealReqDataFn(e)}h(true);request[r.api](e).then(e=>{if(e.success){const t=e.content&&e.content.totalCount||0;const a=r.successFn?r.successFn(e.content):r.resListKey?e.content[r.resListKey]:e.content;d(t);n(a)}h(false)}).catch(()=>{h(false)})};function b(e){if(!e)return{};const n={};e.map(a=>{if(Array.isArray(a.filterDataKey)){a.filterDataKey.map((e,t)=>{if(!e){throw new Error(`${a.label}未设置参数filterType`)}n[e]=a.value[t]})}else{if(!a.filterDataKey){throw new Error(`${a.label}未设置参数filterType`)}n[a.filterDataKey]=a.value}});return n}const w=e=>{const t={...u};t.current=1;f(t);e&&i(e)};const H=e=>{const t={...e};t.current=e.current;f(t)};return React.createElement("div",{className:"HT-table-components"},React.createElement(HTScreen,{ref:t,filterList:r.filterList,search:e=>{w(e)}}),!!r.headerJsx&&React.createElement("div",{className:"table-header"},r.headerJsx),React.createElement("div",{className:"table-content",ref:c},React.createElement(Table,{dataSource:a,columns:y,pagination:g?{...u,total:m}:false,rowKey:r.rowKey,rowSelection:r.rowSelection||null,onChange:H,scroll:{x:true,y:s},loading:p})))});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ht-components",
-  "version": "1.0.4",
+  "version": "1.0.6",
   "description": "",
   "main": "index.js",
   "scripts": {
@@ -19,6 +19,9 @@
     "gulp-babel": "^8.0.0",
     "gulp-clean": "^0.4.0",
     "gulp-css-minify": "^0.9.2",
+    "gulp-less": "^5.0.0",
+    "gulp-rev": "^9.0.0",
+    "gulp-rev-collector": "^1.3.3",
     "gulp-uglify": "^3.0.2"
   }
 }

package/components/HTScreen/index.less

@@ -1 +0,0 @@
-.HT-screen-components{display:flex;box-sizing:border-box;padding:30px 20px;.screen-list{flex:1;display:flex;align-items:center;flex-wrap:wrap;.screen-item{display:flex;align-items:center;margin-right:30px;margin-bottom:10px;.item-label{margin-right:10px;min-width:80px;text-align:right;}}.submit-btn{margin-bottom:10px;margin-right:10px;}.restting-btn{margin-bottom:10px;}}.screen-btn-group{width:70px;}}