kn-cli 1.0.56 → 1.0.57

package/templates/template_oa/public/src/assets/images/loading.svg

@@ -0,0 +1,40 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="margin: auto; background: none; display: block; shape-rendering: auto;" width="200px" height="200px" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid">
+<g transform="rotate(0 50 50)">
+  <rect x="47" y="24" rx="3" ry="6" width="6" height="12" fill="#94908d">
+    <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.8888888888888888s" repeatCount="indefinite"></animate>
+  </rect>
+</g><g transform="rotate(40 50 50)">
+  <rect x="47" y="24" rx="3" ry="6" width="6" height="12" fill="#94908d">
+    <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.7777777777777778s" repeatCount="indefinite"></animate>
+  </rect>
+</g><g transform="rotate(80 50 50)">
+  <rect x="47" y="24" rx="3" ry="6" width="6" height="12" fill="#94908d">
+    <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.6666666666666666s" repeatCount="indefinite"></animate>
+  </rect>
+</g><g transform="rotate(120 50 50)">
+  <rect x="47" y="24" rx="3" ry="6" width="6" height="12" fill="#94908d">
+    <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.5555555555555556s" repeatCount="indefinite"></animate>
+  </rect>
+</g><g transform="rotate(160 50 50)">
+  <rect x="47" y="24" rx="3" ry="6" width="6" height="12" fill="#94908d">
+    <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.4444444444444444s" repeatCount="indefinite"></animate>
+  </rect>
+</g><g transform="rotate(200 50 50)">
+  <rect x="47" y="24" rx="3" ry="6" width="6" height="12" fill="#94908d">
+    <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.3333333333333333s" repeatCount="indefinite"></animate>
+  </rect>
+</g><g transform="rotate(240 50 50)">
+  <rect x="47" y="24" rx="3" ry="6" width="6" height="12" fill="#94908d">
+    <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.2222222222222222s" repeatCount="indefinite"></animate>
+  </rect>
+</g><g transform="rotate(280 50 50)">
+  <rect x="47" y="24" rx="3" ry="6" width="6" height="12" fill="#94908d">
+    <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.1111111111111111s" repeatCount="indefinite"></animate>
+  </rect>
+</g><g transform="rotate(320 50 50)">
+  <rect x="47" y="24" rx="3" ry="6" width="6" height="12" fill="#94908d">
+    <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="0s" repeatCount="indefinite"></animate>
+  </rect>
+</g>
+<!-- [ldio] generated by https://loading.io/ --></svg>

package/templates/template_oa/public/src/components/Auth/index.jsx

@@ -0,0 +1,44 @@
+import React, { useEffect, useState } from 'react';
+import ProviderApp from '@/provider/app';
+import { useNavigate } from 'react-router-dom';
+import {useLoading} from '@/hooks';
+
+export const AuthShow=(props)=>{
+  const {name} = props;
+  const app = ProviderApp.useContainer();
+  if(app?.user?.authorities?.includes(name)){
+    return props.children;
+  }
+  return <></>
+}
+
+export const AuthLogin=(props)=>{
+  const navigate = useNavigate();
+  const [pass,setPass] = useState(false)
+  const app = ProviderApp.useContainer();
+  const loading = useLoading();
+
+  const check=async ()=>{
+    loading.setLoading(true);
+    console.log(`[Auth]检查用户登录态`)
+    const req =await app.isLogin();
+    loading.setLoading(false);
+    if(req){
+      console.log(`[Auth]检查用户登录态成功`)
+      setPass(true);
+    }else{
+      console.log(`[Auth]检查用户登录态失败`)
+      setPass(false);
+      navigate('/superAdminLogin');
+    }
+  }
+  useEffect(check,[]);
+
+  if(pass){
+    return props.children;
+  }
+  return <>检查登录态中...</>
+}
+
+
+export default {AuthShow,AuthLogin};

package/templates/template_oa/public/src/components/Footer/index.jsx

@@ -0,0 +1,17 @@
+import React from 'react';
+import styles from './index.less';
+
+const Footer = (props) => {
+  return (
+    <section className={styles.footer}>
+      <hgroup>
+        <p>Copyright@2017 版权所有 kingnet.com,All Rights Reserved 沪ICP备10215773号-1</p>
+        <p>本系统现仅支持Chrome和Safari浏览器，其他浏览器可能会出现兼容性问题。</p>
+        <a href='http://oa.test.com/versionlog/view' target='_blank' style={{ marginTop: '10px' }}>
+          版本日志
+        </a>
+      </hgroup>
+    </section>
+  );
+};
+export default Footer;

package/templates/template_oa/public/src/components/Footer/index.less

@@ -0,0 +1,28 @@
+@import '~@/_variable.less';
+
+.footer {
+  position: absolute;
+  bottom: 0;
+
+  box-shadow: 0px -2px 3px #dde3e7;
+  min-height: var(--height-footer);
+  width: 100%;
+  background-color: white;
+  hgroup {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    width: 100%;
+    min-height: var(--height-footer);
+  }
+  p {
+    color: #9bb5c9;
+    font-size: 12px;
+    margin-bottom: 0;
+  }
+  a {
+    color: rgb(119, 119, 119);
+    font-size: 14px;
+  }
+}

package/templates/template_oa/public/src/components/IFrame/index.jsx

@@ -0,0 +1,37 @@
+import React, { useEffect,useState,useRef } from 'react';
+import styles from './index.less';
+
+const Iframe=(props)=>{
+  const {className=''}=props;
+  const ref = useRef();
+  const [height,setHeight] = useState('0px');
+
+  useEffect(()=>{
+    window.addEventListener('message',(e)=>{
+      if(e?.data?.msg==='resize'){
+        if(e.data.id===props.name){
+          setHeight(e.data.height+2+'px');
+        }
+      }else if(e?.data?.msg==='link'){
+        location.href=e.data.url;
+      }else{
+        // console.log(e?.data);
+      }
+    })
+  },[])
+
+  return (
+    <iframe 
+      className={`${styles.iframeWrap} ${className}`}
+    sandbox='allow-same-origin allow-scripts'
+      name={props.name}
+      ref={ref}
+      src={props.url}
+      style={{width:'100%',height:height,verticalAlign:'bottom'}}
+      scrolling="none" 
+      frameBorder="0" 
+    />
+  )
+}
+
+export default React.memo(Iframe);

package/templates/template_oa/public/src/components/IFrame/index.less

@@ -0,0 +1,4 @@
+
+.iframeWrap{
+  border:1px solid red;
+}

package/templates/template_oa/public/src/components/IconFont/index.jsx

@@ -0,0 +1,10 @@
+import React from "react";
+import styles from'./index.less';
+
+const IconFont=(props)=>{
+  const {icon,className,...others} = props;
+  return (
+    <span {...others} className={`iconfont icon-${icon} ${styles.iconBox} ${className||''}`} ></span>
+  )
+}
+export default IconFont;

package/templates/template_oa/public/src/components/IconFont/index.less

@@ -0,0 +1,5 @@
+
+
+.iconBox{
+  font-size:inherit;
+}

package/templates/template_oa/public/src/components/Layout/Basic/index.jsx

@@ -0,0 +1,31 @@
+import React from 'react';
+import {Outlet} from 'react-router-dom';
+import Iframe from '@/components/IFrame';
+import styles from './index.less';
+
+
+const LayoutBasic=(props)=>{
+  const {nav=""} = props;
+  return ( 
+    <section className={styles.windowWrap}>
+      <Iframe name='header' url={OA_MENU_HOST} className={styles.iframeHeader} />
+      <section className={styles.centerWrap}>
+
+        <div className={styles.crumbs}>
+          <b>当前位置：</b>
+          <span>服务</span>
+          <span style={{ margin: '0 4px' }}>{'>'}</span>
+          <a>{document.title}</a>
+        </div>
+        <section className={styles.content}>
+          {nav}
+          <section className={styles.body}>
+            <Outlet />
+          </section>
+        </section>
+      </section>
+    </section>
+  )
+}
+
+export default LayoutBasic;

package/templates/template_oa/public/src/components/Layout/Basic/index.less

@@ -0,0 +1,74 @@
+@import '~@/_variable.less';
+
+.windowWrap{
+  width:100%;
+  height:100%;
+  overflow: auto;
+  overflow: scroll;
+  -webkit-overflow-scrolling: touch;
+  display: block;
+  text-align: center;
+}
+
+.centerWrap {
+  min-width: 1200px;
+  max-width: 1600px;
+  position: relative;
+  display: inline-block;
+  z-index:0;
+  padding-bottom: var(--height-footer);
+
+}
+
+.iframeHeader{
+  min-width: 100%;
+  width: 1200px;
+  height: var(--height-header);
+  min-height: var(--height-header);
+  position: sticky;
+  left:0;
+  top:0;
+  z-index: 2;
+  font-size: 60px;
+  overflow: hidden;
+  border:1px solid red;
+}
+
+.crumbs{
+  height: 36px;
+  width: 100%;
+  max-width: 1600px;
+  padding:0 20px;
+  font-size: 14px;
+  color: #666;
+  margin-bottom: 2px;
+  display: flex;
+  align-items: center;
+  p,
+  span {
+    font-size: inherit;
+    color: inherit;
+  }
+  span {
+    color: rgba(0, 0, 0, 0.65);
+  }
+}
+
+.content{
+  display: flex;
+  box-shadow: 0 0 5px 0 rgba(0,0,0,.15);
+  .body {
+    overflow: auto;
+    flex:1;
+    height:100%;
+    position: relative;
+    &::-webkit-scrollbar {
+      display: none;
+    }
+  }
+
+}
+
+
+
+

package/templates/template_oa/public/src/components/Layout/CenterBody/index.jsx

@@ -0,0 +1,15 @@
+import React from 'react';
+
+import styles from './index.less';
+
+
+const LayoutCenterBody=(props)=>{
+  const {className,layout='normal'} = props;
+
+  return ( 
+    <section data-layout={layout} className={ className?`${styles.contentBody} ${className}`:styles.contentBody  }>
+      {props.children}
+    </section>
+  )
+}
+export default LayoutCenterBody;

package/templates/template_oa/public/src/components/Layout/CenterBody/index.less

@@ -0,0 +1,36 @@
+@import '~@/_variable.less';
+
+
+.contentBody{
+  width:100%;
+  height:100%;
+  overflow: auto;
+  overflow: scroll;
+  -webkit-overflow-scrolling: touch;
+
+
+  &[data-layout='xy-center']{
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+  }
+  &[data-layout='x-center']{
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    flex-wrap: wrap;
+  }
+  &[data-layout='y-center']{
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+  }
+}
+
+body[data-debug-layout]{
+  .contentBody{
+    border:1px solid red;
+  }
+}
+

package/templates/template_oa/public/src/components/Layout/FormBlock/index.jsx

@@ -0,0 +1,23 @@
+import React from 'react';
+import styles from './index.less';
+
+
+
+export const FormBlockByTitle = (props) => {
+  const {className=''}=props;
+  return (
+    <section id={props.title} className={`${styles.blockByTitle} ${className}`}>
+      {props.title || props.rightBtns ? (
+        <div className={styles.titleLine}>
+          <div>{props.title ? <div className={styles.title}>{props.title}</div> : ''}</div>
+          <div className={styles.rightBtns}>{props.rightBtns}</div>
+        </div>
+      ) : (
+        <div className={styles.titleNone} />
+      )}
+      {props.children}
+    </section>
+  );
+};
+
+export default FormBlockByTitle;

package/templates/template_oa/public/src/components/Layout/FormBlock/index.less

@@ -0,0 +1,34 @@
+
+.blockByTitle {
+  border: 1px solid #eaeaea;
+  padding: 0 19px 15px;
+  background: white;
+  border-radius: 3px;
+  margin-bottom: 20px;
+}
+.titleLine {
+  width: 100%;
+  height: 50px;
+  display: flex;
+  justify-content: space-between;
+}
+.title {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 26px;
+  min-width: 78px;
+  padding: 0 6px;
+  color: #fffefe;
+  border-radius: 0 0 4px 4px;
+  background-color: #2a96fc;
+  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
+}
+.titleNone{
+  height: 15px;
+  width: 100%;
+}
+
+.rightBtns{
+  margin-top: 10px;
+}

package/templates/template_oa/public/src/components/Layout/Provider/index.jsx

@@ -0,0 +1,12 @@
+import React from 'react';
+import {Outlet} from 'react-router-dom';
+import ProviderApp from '@/provider/app';
+
+const LayoutProvider=(props)=>{
+  return ( 
+    <ProviderApp.Provider>
+      <Outlet />
+    </ProviderApp.Provider>
+  )
+}
+export default LayoutProvider;

package/templates/template_oa/public/src/components/Layout/index.jsx

@@ -0,0 +1,26 @@
+import React from 'react';
+import ProviderApp from '@/provider/app';
+
+import {Outlet} from 'react-router-dom';
+import { ConfigProvider } from 'antd';
+import LayoutBasic from './Basic';
+import LayoutCenterBody from './CenterBody';
+import zhCN from 'antd/lib/locale/zh_CN';
+
+
+import styles from './index.less';
+
+// 站点最基础的layout，用于控制一些全局环境变量
+const Layout = (props) => {
+  return (
+    <ProviderApp.Provider>
+        <ConfigProvider locale={zhCN} autoInsertSpaceInButton={false}>
+          <Outlet />
+        </ConfigProvider>
+    </ProviderApp.Provider>
+  );
+};
+
+
+
+export { Layout,LayoutCenterBody,LayoutBasic };

package/templates/template_oa/public/src/components/Layout/index.less

@@ -0,0 +1,8 @@
+@import '~@/_variable.less';
+
+
+body[data-debug-layout]{
+  .layout .center{
+    border:4px solid #4366a0;
+  }
+}

package/templates/template_oa/public/src/components/Link/index.jsx

@@ -0,0 +1,24 @@
+import React  from 'react';
+import { openLink,jumpUrl } from '@/utils';
+import styles from './index.less';
+
+const Link=(props)=>{
+  const {children,className='',onClick,href='',target=''} = props;
+
+  const onLink=()=>{
+    if(href){
+      if(target=='_blank'){
+        openLink(href);
+        // window.open(href);
+      }else{
+        jumpUrl(href);
+      }
+      return;
+    }
+    if(onClick)onClick();
+  }
+  return (
+    <span onClick={onLink} className={`${styles.linkWrap} ${className}`}>{children}</span>
+  )
+}
+export default React.memo(Link);

package/templates/template_oa/public/src/components/Link/index.less

@@ -0,0 +1,11 @@
+@import '~@/_variable.less';
+
+
+.linkWrap{
+  color: var(--color-primary);
+  font-size: 14px;
+  &:hover{
+    color: var(--color-primary-hover);
+    cursor: pointer;
+  }
+}

package/templates/template_oa/public/src/components/Loading/index.jsx

@@ -0,0 +1,14 @@
+
+
+import React,{useMemo} from 'react';
+import styles from './index.less';
+styles;
+export const Loading=()=>{
+  return (
+    <div className="ldio-2oha7mxue8v">
+      <div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div>
+    </div>
+  )
+}
+
+export default React.memo(Loading);

package/templates/template_oa/public/src/components/Loading/index.less

@@ -0,0 +1,85 @@
+
+:global{
+@color:#fff;
+@keyframes ldio-2oha7mxue8v {
+  0% { opacity: 1 }
+  100% { opacity: 0 }
+}
+.ldio-2oha7mxue8v div:local {
+  left:0px;
+  top:0px;
+  position: absolute;
+  animation: ldio-2oha7mxue8v linear 1s infinite;
+  background: @color;
+  width: 12px;
+  height: 24px;
+  border-radius: 6px / 12px;
+  transform-origin: 40px 40px;
+}
+.ldio-2oha7mxue8v div:nth-child(1) {
+  transform: rotate(0deg);
+  animation-delay: -0.9166666666666666s;
+  background: @color;
+}.ldio-2oha7mxue8v div:nth-child(2) {
+  transform: rotate(30deg);
+  animation-delay: -0.8333333333333334s;
+  background: @color;
+}.ldio-2oha7mxue8v div:nth-child(3) {
+  transform: rotate(60deg);
+  animation-delay: -0.75s;
+  background: @color;
+}.ldio-2oha7mxue8v div:nth-child(4) {
+  transform: rotate(90deg);
+  animation-delay: -0.6666666666666666s;
+  background: @color;
+}.ldio-2oha7mxue8v div:nth-child(5) {
+  transform: rotate(120deg);
+  animation-delay: -0.5833333333333334s;
+  background: @color;
+}.ldio-2oha7mxue8v div:nth-child(6) {
+  transform: rotate(150deg);
+  animation-delay: -0.5s;
+  background: @color;
+}.ldio-2oha7mxue8v div:nth-child(7) {
+  transform: rotate(180deg);
+  animation-delay: -0.4166666666666667s;
+  background: @color;
+}.ldio-2oha7mxue8v div:nth-child(8) {
+  transform: rotate(210deg);
+  animation-delay: -0.3333333333333333s;
+  background: @color;
+}.ldio-2oha7mxue8v div:nth-child(9) {
+  transform: rotate(240deg);
+  animation-delay: -0.25s;
+  background: @color;
+}.ldio-2oha7mxue8v div:nth-child(10) {
+  transform: rotate(270deg);
+  animation-delay: -0.16666666666666666s;
+  background: @color;
+}.ldio-2oha7mxue8v div:nth-child(11) {
+  transform: rotate(300deg);
+  animation-delay: -0.08333333333333333s;
+  background: @color;
+}.ldio-2oha7mxue8v div:nth-child(12) {
+  transform: rotate(330deg);
+  animation-delay: 0s;
+  background: @color;
+}
+.loadingio-spinner-spinner-vviroavveu {
+  width: 200px;
+  height: 200px;
+  display: inline-block;
+  overflow: hidden;
+  background: transparent;
+}
+.ldio-2oha7mxue8v {
+  width: 80px;
+  height: 80px;
+  position: relative;
+  transform: translateZ(0) scale(1);
+  backface-visibility: hidden;
+  transform-origin: 0 0; /* see note above */
+}
+.ldio-2oha7mxue8v div { box-sizing: content-box; }
+/* generated by https://loading.io/ */
+}