kn-cli 1.0.64 → 1.0.66

package/templates/template_oa_jwt/public/src/components/title/index.jsx

@@ -0,0 +1,12 @@
+import React from 'react';
+import CSS from './index.less';
+
+const PageTitle = (props) => {
+  return (
+    <section className={CSS.title}>
+      <div className={CSS.rect}></div>
+      <h3 className={CSS.text}>{props.children}</h3>
+    </section>
+  )
+}
+export default PageTitle;

package/templates/template_oa_jwt/public/src/components/title/index.less

@@ -0,0 +1,21 @@
+@import '~@/_variable.less';
+
+.title{
+  display: flex;
+  align-items: center;
+  border-bottom: 1px solid #ddd;
+  padding-bottom: var(--margin-small);
+  margin-bottom: var(--margin-default);
+}
+.rect {
+  background: var(--color-primary);
+  margin-right: 7px;
+  width: 4px;
+  height: 18px;
+  display: block;
+}
+.text{
+  font-size: 16px;
+  color: #555;
+  margin: 0;
+}

package/templates/template_oa_jwt/public/src/dictionary/index.js

@@ -0,0 +1,20 @@
+import { useDictionary } from '@/hooks';
+// import { GET_PROJECT } from '@/services/dataset';
+import { Select, Radio } from 'antd';
+useDictionary.SetConfig({ SelectOption: Select.Option, RadioOption: Radio });
+
+// export const useProjectList = useDictionary.createDictionary({
+//   api: async () => {
+//     const req = await GET_PROJECT();
+//     if (req?.code == 0) {
+//       const list = req.data.map(item => {
+//         const { app_id: id, name: label, _id: name } = item;
+//         return {
+//           id, label, name
+//         }
+//       });
+//       return { code: 0, data: { body: [{ id: '', label: '全部项目', name: 'all' }, ...list] } };
+//     }
+//     return null;
+//   }
+// });

package/templates/template_oa_jwt/public/src/hooks/index.jsx

@@ -0,0 +1,21 @@
+
+
+import useImageLoader from './useImageLoader';
+import useDelay from './useDelay';
+import usePreload from './usePreload';
+import useSearch from './useSearch';
+import useUpdate from './useUpdate';
+import useLoading from './useLoading';
+import {useDictionary, usePagination,usePaginationWithForm} from 'kn-hooks';
+
+export {
+  useDictionary,
+  usePaginationWithForm,
+  usePagination,
+  useImageLoader,
+  useDelay,
+  usePreload,
+  useSearch,
+  useUpdate,
+  useLoading
+}

package/templates/template_oa_jwt/public/src/hooks/useDelay.jsx

@@ -0,0 +1,29 @@
+import { useRef,useState,useMemo, useEffect } from 'react';
+
+const useDelay=()=>{
+  const [loading,setLoading] = useState(false);
+  const refSet = useRef();
+  refSet.current = setLoading;
+  useEffect(()=>{
+    refSet.current = setLoading;
+  },[setLoading]);
+
+  const actions=useMemo(()=>{
+    const wait=(ms)=>{
+      refSet.current(true);
+      return new Promise(res=>{
+        setTimeout(()=>{
+          refSet.current(false);
+          res();
+        }, ms);
+      })
+    }
+    return {
+      wait,
+      loading
+    };
+  },[loading]);
+  return actions;
+}
+
+export default useDelay;

package/templates/template_oa_jwt/public/src/hooks/useImageLoader.jsx

@@ -0,0 +1,27 @@
+import React, { useEffect,useState,useMemo } from 'react';
+
+
+
+const useImageLoader=(img_src)=>{
+  const [src,setSrc] = useState('');
+  useEffect(() => {
+    if(img_src===src)return;
+    if(!img_src)return;
+    let img = new Image();
+    img.onload = () => {
+      setSrc(img_src);
+    };
+    img.onerror = () => {
+      setSrc('');
+      console.log(`图片加载失败:${img_src}`)
+    };
+    img.src = img_src;
+  }, [img_src]);
+
+  const actions=useMemo(()=>{
+    return src;
+  },[src]);
+  return actions;
+}
+
+export default useImageLoader;

package/templates/template_oa_jwt/public/src/hooks/useLoading.jsx

@@ -0,0 +1,42 @@
+import { useRef,useState, useEffect } from 'react';
+import {ShowPageLoading} from '@/components/Page/PageLoading';
+
+const useLoading=(props={})=>{
+  const {canTouch=false} = props;
+  const [name] = useState(props?.name||'loading')
+  const [count,setCount] = useState(props?.loading?1:0);
+  const refPageLoading = useRef();
+
+  const setLoading=(state)=>{
+    if(state){
+      setCount(v=>v+1);
+    }else{
+      setCount(v=>v-1);
+    }
+  }
+  const reset=()=>{
+    setCount(v=>0);
+  }
+  useEffect(()=>{
+    if(count > 0 ){
+      if(!refPageLoading.current){
+        refPageLoading.current = ShowPageLoading({canTouch:canTouch});
+      }
+    }else{
+      if(refPageLoading.current){
+        refPageLoading.current();//销毁
+        refPageLoading.current=null;
+      }
+    }
+  },[count])
+
+  
+  return {
+    name,
+    reset,
+    setLoading,
+    loading:count
+  }
+}
+
+export default useLoading;

package/templates/template_oa_jwt/public/src/hooks/useLogin.jsx

@@ -0,0 +1,33 @@
+
+
+import React, { useEffect, useState, useRef } from 'react';
+import {IS_LOGIN,SET_TOKEN,LOGIN} from '@/services/wish';
+import ShowLogin from '@/pages/components/dialog/alert/login';
+
+
+const useLogin=(props)=>{
+  const [isLogin,setLogin] = useState(IS_LOGIN());
+
+  const login=async ()=>{
+    if(IS_LOGIN()){
+      setLogin(true);
+      return true;
+    }else{
+      setLogin(false);
+      const phone = await ShowLogin();
+      if(phone){
+        const loginReq = await LOGIN({phone});
+        if(loginReq?.code==0){
+          SET_TOKEN(loginReq.data.api_token);
+          setLogin(IS_LOGIN());
+          return true;
+        }
+      }
+    }
+    return false;
+  }
+
+  return {login,isLogin}
+}
+
+export default useLogin;

package/templates/template_oa_jwt/public/src/hooks/usePreload.jsx

@@ -0,0 +1,66 @@
+import React, { useEffect,useState,useMemo,useRef,useCallback } from 'react';
+
+const usePreload=(files)=>{
+  const [list] = useState(files);
+  const [count,setCount] = useState(files.length);
+  const [state,setState]=useState('');
+
+  const load=useCallback((options)=>{
+    return new Promise(resolve=>{
+      if(count <= 0 ){
+        resolve(true);
+        return;
+      }
+      if(state=='loading'){
+        resolve(false);
+        return;
+      }
+      setState('loading');
+      let per = files.length;
+      list.forEach((item, idx) => {
+        if (typeof item === 'string') {
+          let img = new Image();
+          img.onload = () => {
+            console.log('加载成功')
+            per--;
+            if(per<=0){
+              setCount(0);
+              if(options?.delay){
+                setTimeout(resolve, options.delay);
+                return;
+              }
+              resolve(true);
+            }
+          };
+          img.onerror = () => {
+            per--;
+            if(per<=0){
+              setCount(0);
+              resolve(true);
+            }
+            console.log(`图片预加载失败`,item);
+          };
+          img.src = item;
+        } else {
+          console.log(`图片预加载失败异常图片`,item);
+          per--;
+          if(per<=0){
+            setCount(0);
+            resolve(true);
+          }
+        }
+      });
+    })
+    
+  },[state,setState,count]);
+
+  const actions=useMemo(()=>{
+    return {
+      count,
+      load,
+    };
+  },[count]);
+  return actions;
+}
+
+export default usePreload;

package/templates/template_oa_jwt/public/src/hooks/useScrollTop.jsx

@@ -0,0 +1,32 @@
+import { useState, useMemo, useEffect } from 'react'
+import { createContainer } from 'unstated-next'
+
+const useActivity = () => {
+  const [scrollTop, setScrollTop] = useState(0);
+  const [containerNode, setContainerNode] = useState();
+  const [clientHeight, setClientHeight] = useState(0);
+  const [titleRefs, setTitleRefs] = useState({});
+
+  useEffect(() => {
+    const node = document.getElementById('main-view');
+    setContainerNode(node);
+    setClientHeight(node.clientHeight)
+    node.addEventListener('scroll', (e) => {
+      setScrollTop(e.target.scrollTop);
+    })
+  }, [])
+
+  const action = useMemo(() => {
+    return {
+      scrollTop,
+      clientHeight,
+      titleRefs,
+      setTitleRefs,
+      containerNode,
+      setContainerNode,
+    }
+  }, [scrollTop, setScrollTop, clientHeight, titleRefs, setTitleRefs, containerNode, setContainerNode])
+  return action
+}
+const Activity = createContainer(useActivity);
+export default Activity;

package/templates/template_oa_jwt/public/src/hooks/useSearch.jsx

@@ -0,0 +1,137 @@
+import { useRef,useState,useMemo, useEffect } from 'react';
+
+/**
+ * 管理表格数据的查询搜索及分页
+ */
+const useSearch=(props)=>{
+  const [search,setSearch] = useState(props.initSearch||{});
+  const [service] = useState(()=>props.service);
+  const [beforeSearch] = useState(()=>props.beforeSearch);
+  const [beforeService] = useState(()=>props.beforeService);
+  
+  const [pagination,setPagination] = useState(()=>{
+    let temp = {current:1,pageSize:10,total:0,startIdx:0,...props.pagination};
+    temp.startIdx = (temp.current-1)*temp.pageSize;
+    return temp;
+  });
+  const [updateData] = useState(()=>props.updateData);
+  const [orderInfo,setOrderInfo]=useState({});
+  
+  const onPaginationChange=async (pageInfo,sorterInfo)=>{
+    let {current,pageSize} = pagination;
+    let orderValue=orderInfo;
+    if(pageInfo){
+      current = pageInfo.current;
+      pageSize = pageInfo.pageSize;
+    }
+
+    if(sorterInfo){
+      const {field,order}= sorterInfo;
+      if(field){
+        if(order){
+          orderInfo[field] = order;
+        }else{
+          delete orderInfo[field];
+        }
+      }
+      orderValue = orderInfo;
+      setOrderInfo({...orderInfo});
+    }
+    
+
+    let searchValue = await getSearchValue();
+    refresh({
+      searchValue,
+      pageValue:{pageSize,current},
+      orderValue});
+  }
+
+  const onSorter=async (sorter)=>{
+    const {field,order}= sorter;
+    if(field){
+      if(order){
+        orderInfo[field] = order;
+      }else{
+        delete orderInfo[field];
+      }
+    }
+    setOrderInfo({...orderInfo});
+    console.log(`${JSON.stringify(orderInfo)}`);
+    refresh();
+    
+    
+    
+  }
+
+  const getSearchValue=async ()=>{
+    let value={};
+    value = search;
+
+    if(beforeSearch){
+      value = beforeSearch(value);
+    }
+    return value;
+
+  }
+  const btnSearch=async ()=>{
+    let value = await getSearchValue();
+    if(value){
+      refresh({searchValue:value});
+    }
+  }
+  const btnReset=()=>{
+    formRef.resetFields();
+  }
+
+  const refresh= async ({searchValue,pageValue,orderValue}={})=>{
+    searchValue = searchValue || search;
+    pageValue = pageValue || pagination;
+
+    // 排序暂无
+    // orderValue = orderValue || orderInfo;
+    // let order=[];
+    // if(orderValue){
+    //   Object.keys(orderValue).map(name=>{
+    //     if(orderValue[name]==='ascend'){
+    //       order.push(`${name}`);
+    //     }else if(orderValue[name]==='descend'){
+    //       order.push(`-${name}`);
+    //     }
+    //   })
+    // }
+
+    let {current,pageSize} = pageValue;
+    let params = {...searchValue,page:current,pageSize:pageSize};
+    if(beforeService)params=beforeService(params);
+    if(!params)return;
+    let ret = await service(params);
+    if(ret?.code==0){
+      const {page} = ret.data;
+      setPagination({
+        current:page.pageNum||1,
+        pageSize:page.pageSize||10,
+        total:page.total,
+        startIdx:(page.page-1)*page.pageSize
+      })
+    }
+
+    if(updateData)updateData(ret);
+    return ret;
+  }
+
+
+  return {
+    onPaginationChange,
+    pagination,
+    btnSearch,
+    search,
+    setSearch,
+    refresh,
+    btnReset,
+    onSorter
+    
+  };
+
+}
+
+export default useSearch;

package/templates/template_oa_jwt/public/src/hooks/useUpdate.jsx

@@ -0,0 +1,11 @@
+import { useState, useMemo } from 'react';
+
+const useUpdate=()=>{
+  const [count,setCount] = useState(1);
+  const action = useMemo(()=>{
+    return [count,()=>{setCount(count+1)}]
+  },[count,setCount])
+  return action;
+}
+
+export default useUpdate;

package/templates/template_oa_jwt/public/src/index.jsx

@@ -0,0 +1,50 @@
+import React from 'react';
+import ReactDOM from 'react-dom';
+import {HashRouter} from 'react-router-dom';
+// import {createRoot} from 'react-dom/client';
+// import { createHashRouter,RouterProvider } from 'react-router-dom';
+import './_antd.less';
+import './_reset.less';
+import {RouteList} from './route';
+
+
+if(MOCK){
+  let mock = require('@/mock');
+  mock;
+}
+
+window.appLog=(txt)=>{
+  console.log(txt);
+}
+
+/* eslint-disable */
+if(BUILD_ENV!='prod' && window.knFeishu?.IS_FEISHU()){
+  let VConsole =  require('vconsole');
+  const vConsole = new VConsole();
+  setTimeout(() => {
+    vConsole.setSwitchPosition(70, 10);
+  }, 2000);
+}
+
+if(BUILD_ENV){
+  window.appLog(`代码环境类型：${BUILD_ENV}`);
+}
+if (VERSION_HASH) {
+  window.appLog(`VERSION_HASH：${VERSION_HASH}`);
+}
+window.appLog(`log init`);
+window.appLog(`${location.href}`);
+window.appLog(`ua:${navigator.userAgent}`);
+/* eslint-enable */
+
+const BasicRoute = () => {
+  return (
+  <HashRouter>
+    {RouteList}
+  </HashRouter>
+  );
+}
+
+ReactDOM.render(<BasicRoute />, document.getElementById('main-view'));
+
+// createRoot(document.getElementById('main-view')).render(<RouterProvider router={createHashRouter(router)} />);