kn-cli 1.0.64 → 1.0.65

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

@@ -0,0 +1,123 @@
+.body {
+  width: 100%;
+  height: 100%;
+  min-height: 400px;
+  position: fixed;
+  z-index: 999;
+  left: 0;
+  top: 0;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+
+}
+.mask {
+  background-color: rgba(0, 0, 0, 0.5);
+  width: 100%;
+  height: 100%;
+  position: fixed;
+  left: 0;
+  top: 0;
+}
+.wrap {
+  position: relative;
+  min-width: 385px;
+  min-height: 2px;
+  background-color: white;
+  border-radius: 5px;
+  box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4);
+}
+.close {
+  color: white;
+  font-size: 12px;
+  font-weight: bold;
+  &:hover {
+    cursor: pointer;
+  }
+}
+.header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 0 20px;
+  span {
+    font-size: 14px;
+    color: white;
+    font-weight: 700;
+  }
+  background-color: #3e9cfc;
+  height: 45px;
+  padding: 0 20px;
+  border-radius: 5px 5px 0 0;
+  border-bottom: 1px solid #e5e5e5;
+}
+.footer {
+  display: flex;
+  justify-content: center;
+  height: 62px;
+  width: 100%;
+  background-color: #f6f6f6;
+  border-radius: 0 0 5px 5px;
+  border-top: 1px solid #dcdcdc;
+  padding-top: 13px;
+
+}
+
+.iconError {
+  background: url('~@/assets/images/NY-pop-bg.png') -63px -44px no-repeat;
+  width: 46px;
+  height: 46px;
+  margin-bottom: 18px;
+}
+.iconSuccess {
+  background: url('~@/assets/images/NY-pop-bg.png') -5px -97px no-repeat;
+  width: 46px;
+  height: 46px;
+  margin-bottom: 18px;
+}
+
+.wrapAlert {
+  position: relative;
+  min-width: 308px;
+  background-color: #f8f8f8;
+  border-radius: 5px;
+  box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4);
+}
+.alertContent {
+  padding: 20px;
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  span {
+    color: #666;
+    font-size: 18px;
+    font-weight: 400;
+  }
+}
+
+.alertFooter {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 44px;
+  width: 100%;
+  background-color: #fff;
+  border-radius: 0 0 5px 5px;
+  // border-top:1px solid #dcdcdc;
+  // padding-top:.13rem;
+  span {
+    color: #5fc0f9;
+    font-weight: 400;
+    font-size: 18px;
+    cursor: pointer;
+  }
+}
+
+.confirmWrap{
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding:30px;
+}

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

@@ -0,0 +1,23 @@
+import React from 'react';
+import { Empty, Button } from 'antd';
+import styles from './index.less';
+
+/**
+ * 当table数据为空时下方有“添加数据”按钮
+ */
+function TableEmpty(props) {
+  return (
+    <section className={styles.tableEmpty}>
+      <Empty />
+      {props.editmode ? (
+        <Button style={{ marginTop: '.1rem' }} onClick={props.onClick} type='primary'>
+          添加数据
+        </Button>
+      ) : (
+        ''
+      )}
+    </section>
+  );
+}
+
+export default TableEmpty;

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

@@ -0,0 +1,6 @@
+.tableEmpty{
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+}

package/templates/template_oa_jwt/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_jwt/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_jwt/public/src/components/FormRow/index.jsx

@@ -0,0 +1,39 @@
+import React, { useState } from 'react';
+import styles from './index.less';
+
+const FormRow = (props) => {
+  function createCol(item, idx) {
+    if (!item) return '';
+    const editmode = item.props.editmode === undefined ? true : item.props.editmode;
+    return (
+      <div key={idx} className={styles.formRow}>
+        <hgroup className={styles.row}>
+          <div className={styles.title}>
+            <div required={editmode && item.props.required}>{item.props.label}</div>
+          </div>
+          <div className={styles.data}>{item}</div>
+        </hgroup>
+      </div>
+    );
+  }
+  return (
+    <section className={styles.formRowBody}>
+      {props.children.length > 0 ? props.children.map(createCol) : createCol(props.children)}
+    </section>
+  );
+};
+
+function HocEditControl(props) {
+  const { editmode = true, txtdata ,textarea} = props;
+  if (editmode) {
+    return props.children;
+  }
+  if(textarea){
+    return <span style={{whiteSpace:'pre-wrap'}}>{txtdata||'-'}</span>
+  }
+  return <span>{txtdata || '-'}</span>;
+}
+
+FormRow.Col = HocEditControl;
+
+export default FormRow;

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

@@ -0,0 +1,67 @@
+// @import '@/_reset.scss';
+
+  .formRow {
+    border: 1px solid #eaeaea;
+    & > hgroup {
+      max-width: 100%;
+      height: 100%;
+    }
+    //防止超长不换行
+    .ant-checkbox-group,
+    .ant-radio-group {
+      display: flex;
+      flex-wrap: wrap;
+    }
+    .row{
+      display: flex;
+      align-items: center;
+    }
+  }
+
+  .formRowBody{
+    display: flex;
+  }
+  .formRowBody:not(:first-child) {
+    .formRow {
+      border-top: 0;
+    }
+  }
+  .formRow:not(:first-child) {
+    width: 50%;
+    border-left: 0;
+    & > hgroup {
+      width: 2000px;
+    }
+  }
+  .formRow:first-child {
+    flex-grow:1;
+  }
+
+  .title {
+    display: flex;
+    align-items: center;
+
+    background-color: #f8f8f8;
+    color: #666;
+    padding: 7px 30px;
+    height: 100%;
+    font-size: 14px;
+    & > div {
+      position: relative;
+      font-size: inherit;
+      width: 130px;
+      font-weight: 400;
+      &[required]:before {
+        font-size: 12px;
+        content: '*';
+        color: #f04134;
+        position: absolute;
+        left: -10px;
+      }
+    }
+  }
+  .data {
+    padding: 3px 9px;
+    flex:1;
+    flex-wrap: wrap;
+  }

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

@@ -0,0 +1,137 @@
+import React ,{useImperativeHandle,useState,forwardRef} from 'react';
+import uuid from 'js-uuid';
+import styles from './index.less';
+
+const TableFormItem =(props,ref)=> {
+  const {Table,form,formItemName,saveLast} = props;
+  const getNewId=()=>{
+    let ret = uuid.v4();
+    return ret;
+  }
+
+  const getInitalValue=(initialValue)=>{
+    let tempInitValue=[];
+    if(initialValue){
+      tempInitValue=initialValue.map((item,idx)=>{
+        item._rowKey=getNewId();
+        return item;
+      });
+    }
+    return tempInitValue
+  }
+  const [value,setValue] = useState(()=>(getInitalValue(props.initialValue)));
+
+  const onChange = (value) => {
+    if (props.onChange) {
+      props.onChange(value);
+    }
+    if (props.onRefresh) {
+      props.onRefresh(value);
+  }
+  };
+
+  
+  const onCopy=async (record, index, event)=> {
+    if (event) event.preventDefault();
+    const { getFieldValue } = form;
+    const formData = (getFieldValue(formItemName) || []);  
+
+    let newdata = null;
+    if(props.onCopy){
+      newdata = props.onCopy(record,index);
+      if(!newdata)return;
+    }else{
+      newdata = { ...props.newdata };
+    }
+    newdata = {...formData[index]};
+    newdata._rowKey=getNewId();
+    
+    let newFormData = onInsert(newdata,index);
+    onChange(newFormData);
+  }
+
+
+  const onDel = (record,index,event) => {
+    if (event) event.preventDefault();
+    const { getFieldValue, setFieldsValue } = form;
+
+    const formData = [...(getFieldValue(formItemName) || [])];
+    let isLast = formData.length === 1;
+    formData.splice(index,1);
+    setValue([]);
+    setFieldsValue({[formItemName]:[]});
+
+    setValue(formData);
+    setFieldsValue({[formItemName]:formData});
+
+    if (saveLast && isLast) {
+      onAdd(record, index, event)
+    } else {
+      onChange(formData);
+    }
+  };
+
+  const onReset=(initValue,event)=>{
+    if (event) event.preventDefault();
+    const {setFieldsValue } = form;
+    const {initialValue} = props;
+    
+    initValue = initValue||initialValue;
+    initValue = getInitalValue(initValue);
+
+    setValue([]);
+    setFieldsValue({[formItemName]:[]})
+    setValue(initValue);
+    setFieldsValue({[formItemName]:[...initValue]});
+  }
+
+  const onInsert= (newdata,index)=>{
+    const { getFieldValue, setFieldsValue } = form;
+    const oldData = (getFieldValue(formItemName) || []);
+    let formData = [...oldData];
+    if(index>=0){
+      formData.splice(index+1,0,newdata);
+    }else{
+      formData.push(newdata);
+    }
+    setValue([]);
+    setFieldsValue({[formItemName]:[]})
+    setValue(formData);
+    setFieldsValue({[formItemName]:formData})
+    return formData;
+  }
+
+  const onAdd = (record, index , event) => {
+    if (event) event.preventDefault();
+
+    let newdata=null;
+    if(props.onAdd){
+      newdata = props.onAdd(record,index);
+      if(!newdata)return;
+    }else{
+      newdata = { ...props.newdata };
+    }
+    newdata._rowKey = getNewId();
+    let formData = onInsert(newdata,index);
+    onChange(formData);
+  };
+
+  useImperativeHandle(ref, () => ({
+    onReset,
+  }));
+
+  return (
+   
+    <Table
+      className={styles.table}
+      {...{rowKey: '_rowKey',...props.antTableOptions}}
+      dataSource={value}
+      columns={props.columns({formItemName,onDel, onAdd,onReset,onCopy})}
+    />
+  
+  )
+}
+
+
+
+export default forwardRef(TableFormItem);

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

@@ -0,0 +1,18 @@
+.table {
+  tr {
+    th, th>div {
+      text-align: center;
+      &[required]:before {
+        font-size: 0.12rem;
+        content: '*';
+        color: #f04134;
+        margin-right: 10px;
+      }
+    }
+  }
+  :global {
+    .ant-form-item-explain-error {
+      text-align: left;
+    }
+  }
+}

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

@@ -0,0 +1,44 @@
+import React, { useEffect,useState,useRef } from 'react';
+import { setRefreshToken } from '@/services/token'
+import { setJwt } from '@/services';
+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 if(e?.data?.msg==='server'){
+        setRefreshToken('');
+        setJwt('');
+        const url = `${OA_KSSO_HOST}?target=${encodeURIComponent(location.href)}`;
+        location.href=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_jwt/public/src/components/IFrame/index.less

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

package/templates/template_oa_jwt/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_jwt/public/src/components/IconFont/index.less

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

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

@@ -0,0 +1,52 @@
+import React, { useEffect, useState } from 'react';
+import { Outlet } from 'react-router-dom';
+import Iframe from '@/components/IFrame';
+import PageLoading from '@/components/Page/PageLoading';
+import ProviderApp from '@/provider/app';
+import { toHref, isNoAuth } from '@/utils';
+import styles from './index.less';
+
+
+const LayoutBasic = (props) => {
+  const providerApp = ProviderApp.useContainer();
+
+
+  const onClick = () => {
+    toHref('/#/cases');
+  }
+
+  const { nav = "" } = props;
+  return (
+    <section className={styles.htmlWrap}>
+      {
+        window?.knFeishu?.IS_FEISHU()
+          ? null
+          : <>
+
+            <Iframe name='header' url={OA_MENU_HOST} className={styles.iframeHeader} />
+            <section className={styles.headerSpace}></section>
+          </>
+      }
+
+      <section className={styles.bodyWrap}>
+        <section className={styles.centerWrap}>
+          <div className={styles.crumbs}>
+            <b>当前位置：</b>
+            <span>部门</span>
+            <span style={{ margin: '0 4px' }}>{'>'}</span>
+            <a onClick={onClick}>{document.title}</a>
+          </div>
+          <section className={styles.content}>
+            {nav}
+            <section className={styles.body}>
+              <Outlet />
+            </section>
+          </section>
+        </section>
+      </section>
+
+    </section>
+  )
+}
+
+export default LayoutBasic;

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

@@ -0,0 +1,82 @@
+@import '~@/_variable.less';
+
+.htmlWrap{
+  width:100%;
+  height:100%;
+  overflow: hidden;
+  display: block;
+  display: flex;
+  flex-direction: column;
+}
+.bodyWrap{
+  flex:1;
+  width: 100%;
+  overflow: auto;
+  overflow: scroll;
+  -webkit-overflow-scrolling: touch;
+}
+.centerWrap {
+  min-width: 1200px;
+  max-width: 1600px;
+  position: relative;
+  margin: 0 auto;
+  padding: 0 20px;
+  z-index:0;
+  // padding-bottom: var(--height-footer);
+
+}
+
+.iframeHeader{
+  min-width: 100%;
+  width: 1200px;
+  height: var(--height-header);
+  min-height: var(--height-header);
+  position: fixed;
+  left:0;
+  top:0;
+  z-index: 2;
+  font-size: 60px;
+  overflow: hidden;
+}
+.headerSpace{
+  width: 100%;
+  height: var(--height-header);
+}
+
+.crumbs{
+  height: 36px;
+  width: 100%;
+  max-width: 1600px;
+  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_jwt/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;