kn-cli 1.0.90 → 1.0.92

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

@@ -1,44 +0,0 @@
-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('/login');
-    }
-  }
-  useEffect(check,[]);
-
-  if(pass){
-    return props.children;
-  }
-  return <>检查登录态中...</>
-}
-
-
-export default {AuthShow,AuthLogin};

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

@@ -1,150 +0,0 @@
-import React from 'react';
-import ReactDOM from 'react-dom';
-
-import IconFont from '@/components/IconFont';
-
-import Popup from '@/components/Popup';
-
-import styles from './index.less';
-import { Button } from 'antd';
-
-const Dialog = (props) => {
-  async function onClose() {
-    if (props.onClose) {
-      let ret = await props.onClose();
-      if (ret) {
-        props.destory();
-      }
-    } else {
-      props.destory();
-    }
-  }
-  async function onOk() {
-    if (props.onOk) {
-      let ret = await props.onOk();
-      if (ret) {
-        props.destory();
-      }
-    } else {
-      props.destory();
-    }
-  }
-  return (
-    <section className={styles.body}>
-      <div className={styles.mask} />
-      <section className={styles.wrap}>
-        <div className={styles.header}>
-          <span>{props.title}</span>
-          <IconFont icon='close' className={styles.close} onClick={onClose} />
-        </div>
-
-        {props.children}
-
-        <div className={styles.footer}>
-          <Button type='primary' onClick={onOk}>
-            {props.okText || '确认'}
-          </Button>
-          {props.noCancel ? (
-            ''
-          ) : (
-            <Button onClick={onClose} style={{ marginLeft: '10px' }}>
-              {props.cancelText || '取消'}
-            </Button>
-          )}
-        </div>
-      </section>
-    </section>
-  );
-};
-
-export const ShowDialog = (props) => {
-  return new Promise((reslove) => {
-    let popup = Popup(reslove);
-    ReactDOM.render(
-      <Dialog
-        title={props.title}
-        destory={popup.destory}
-        onOk={props.onOk}
-        okText={props.okText}
-        cancelText={props.cancelText}
-        noCancel={props.noCancel}
-        onClose={props.onClose}
-      >
-        {props.component}
-      </Dialog>,
-      popup.dom
-    );
-  });
-};
-
-export const ShowConfirm = async (props) => {
-  if (typeof props === 'string') {
-    props = { content: props };
-  }
-
-  let result = false;
-  await ShowDialog({
-    title: props.title || '注意',
-    okText: props.okText || '确认',
-    cancelText: props.cancelText || '取消',
-    noCancel: typeof props.noCancel !== 'undefined' ? props.noCancel : false,
-    onClose: async () => {
-      result = false;
-      return Promise.resolve(true);
-    },
-    onOk: async () => {
-      result = true;
-      return Promise.resolve(true);
-    },
-    component: (
-      <div className={styles.confirmWrap}>
-        {props.content}
-      </div>
-    ),
-  });
-  return result;
-};
-
-const Alert = (props) => {
-  function onOk() {
-    if (props.onOk) props.onOk();
-    props.destory();
-  }
-  return (
-    <section className={styles.body }>
-      <div className={styles.mask} />
-      <section className={styles.wrapAlert}>
-        <div className={styles.alertContent}>
-          <div className={props.type === 'success' ? styles.iconSuccess : styles.iconError} />
-          <span>{props.content}</span>
-        </div>
-        <div className={styles.alertFooter}>
-          <span onClick={onOk}>{props.okText || '确认'}</span>
-        </div>
-      </section>
-    </section>
-  );
-};
-
-export const ShowAlert = (props) => {
-  if (props.constructor === String) {
-    props = { content: props };
-  }
-  return new Promise((reslove) => {
-    let popup = Popup(reslove);
-
-    ReactDOM.render(
-      <Alert destory={popup.destory} type={props.type || 'success'} onOk={props.onOk} content={props.content} />,
-      popup.dom
-    );
-  });
-};
-
-export const ShowErrorAlert = (props) => {
-  if (props.constructor === String) {
-    props = { content: props };
-  }
-  return ShowAlert({ ...props, type: 'fail' });
-};
-
-export default Dialog;

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

@@ -1,17 +0,0 @@
-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_jwt/public/src/components/Footer/index.less

@@ -1,28 +0,0 @@
-@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_jwt/public/src/components/Loading/index.jsx

@@ -1,16 +0,0 @@
-
-
-import React,{useMemo} from 'react';
-import styles from './index.less';
-styles;
-export const Loading=()=>{
-  return (
-    <div className='loading-container'>
-      <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>
-    </div>
-  )
-}
-
-export default React.memo(Loading);

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

@@ -1,96 +0,0 @@
-
-:global{
-@color:#000;
-@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: absolute;
-  transform: translateZ(0) scale(0.5) translate(-50%, 0);
-  backface-visibility: hidden;
-  transform-origin: 0 0; /* see note above */
-  top: 200px;
-  left: 50%;
-  z-index: 99999;
-}
-.loading-container {
-  position: fixed;
-  top: 0;
-  left: 0;
-  width: 100vw;
-  height: 100vh;
-  z-index: 99999;
-}
-.ldio-2oha7mxue8v div { box-sizing: content-box; }
-/* generated by https://loading.io/ */
-}

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

@@ -1,10 +0,0 @@
-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_offcial/public/src/components/Layout/Provider/index.jsx

@@ -1,12 +0,0 @@
-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_offcial/public/src/components/Page/PageLoading/index.jsx

@@ -1,30 +0,0 @@
-import React,{useEffect, useState} from 'react';
-import ReactDOM from 'react-dom';
-import CSS from './index.less';
-import Popup from '@/components/Popup';
-import imgLoading from '@/assets/images/loading.svg';
-
-const PageLoading = (props) => {
-  const {visible=true} = props;
-  if(!visible){
-    return '';
-  }
-  return (
-    <div className={CSS.wrap } >
-      <div className={CSS.box} data-show={visible}>
-        <img src={imgLoading} />
-      </div>
-    </div>
-  );
-};
-
-export const ShowPageLoading=(props={canTouch:false})=>{
-  let popup = Popup(()=>{},{cantouch:props.canTouch});
-  ReactDOM.render(
-    <PageLoading visible={true} />,
-    popup.dom
-  );
-  return popup.destory;
-}
-
-export default React.memo(PageLoading);

package/templates/template_offcial/public/src/components/Popup/index.jsx

@@ -1,22 +0,0 @@
-import React from 'react';
-import ReactDOM from 'react-dom';
-import styles from './index.less';
-styles;
-
-const Popup = (reslove,options) => {
-  let rootDom = document.createElement('div');
-  rootDom.className='popup-box';
-  if(options&&options.cantouch)rootDom.setAttribute('data-can-touch','1');
-  if(options&&options.transparent)rootDom.setAttribute('data-transparent','1');
-
-  let destory = (result) => {
-    ReactDOM.unmountComponentAtNode(rootDom);
-    rootDom.parentNode.removeChild(rootDom);
-    if (reslove) reslove(result);
-  };
-  document.body.appendChild(rootDom);
-  return { dom: rootDom, destory };
-};
-
-
-export default Popup;

package/templates/template_offcial/public/src/components/Toast/index.jsx

@@ -1,60 +0,0 @@
-import React,{useEffect} from 'react';
-import ReactDOM from 'react-dom';
-import styles from './index.less';
-import Popup from '@/components/Popup/index.jsx';
-
-const toastList=[];
-const runNext=()=>{
-  let props = toastList[0];
-  if(props){
-    const {message,delay,resolve,position}=props;
-    let popup = Popup(resolve,{cantouch:true});
-    ReactDOM.render(
-      <Toast destory={popup.destory} message={message} delay={delay} position={position}/>,
-      popup.dom
-    );
-  }
-}
-
-const Toast=props=>{
-  const {
-    message,
-    delay=1000*2,
-    destory,
-    position='top'
-  }=props;
-  useEffect(()=>{
-    setTimeout(()=>{
-      destory();
-      toastList.shift();
-      runNext();
-    },delay);
-  },[])
-  const ANITYPE={
-    'center':'animate__slideInDown',
-    'top':'animate__slideInDown',
-    'bottom':'animate__slideInUp'
-  }
-  return (
-    <section className={styles.wrap} data-position={position}>
-      <div className={styles.content+ ` ${ANITYPE[position]} animate__animated animate__fast`} dangerouslySetInnerHTML={{ __html:message }}>
-      </div>
-    </section>
-  )
-}
-
-
-const ShowToast=props=>{
-  if(typeof props === 'string'){
-    props = {message:props}
-  }
-  return new Promise((resolve) => {
-    props.resolve = resolve;
-    toastList.push(props);
-    if(toastList.length===1){
-      runNext();
-    }
-  });
-}
-
-export default ShowToast;