kn-cli 1.0.97 → 1.0.99

package/templates/template_admin/public/src/pages/demo/edit/index.jsx

@@ -1,109 +0,0 @@
-import React, { useEffect, useState } from 'react';
-import ReactDom from 'react-dom';
-// @ts-ignore
-import moment from 'moment';
-// @ts-ignore
-import { Modal, Form, Input, Select, message, DatePicker,Spin } from 'antd';
-import Popup from '@/components/popup';
-import { GET_DETAIL,CREATE,UPDATE } from '@/services/demo';
-import rule from '@/utils/rule';
-
-
-
-const DialogEdit = (props) => {
-  const { destory, id=null } = props;
-  const [form] = Form.useForm();
-  const [record,setRecord]=useState(null)
-
-  const init=async ()=>{
-    if(id){
-      const req= await GET_DETAIL({id})
-      if(req?.code==0 && req?.data){
-        let item= req.data;
-        item.date = moment(item.date);
-        setRecord(item);
-        return;
-      }
-    }
-    setRecord({
-
-    })
-  }
-  const onOk = async () => {
-    try {
-      const values = await form.validateFields();
-      const params = {
-        ...values,
-      };
-      let res = null;
-      if (id) {
-        res = await UPDATE({id,...params});
-      } else {
-        res = await CREATE(params);
-      }
-      if (res?.code === 0) {
-        message.success('成功');
-        destory && destory(true);
-      }
-    } catch (errorInfo) {
-      console.log('Failed:', errorInfo);
-    }
-  };
-
-  const onCancel = () => {
-    form.resetFields();
-    destory && destory(false);
-  };
-  useEffect(()=>{
-    init();
-  },[])
-
-  return (
-      <Modal
-        title={id? '编辑用户' : '新增用户'}
-        width={600}
-        open={true}
-        onOk={onOk}
-        onCancel={onCancel}
-      >
-        {
-          !record?
-          <Spin/>:
-          <Form labelCol={{ span: 5 }} wrapperCol={{ span: 19 }} form={form} initialValues={record||{}}>
-            <Form.Item label="姓名" name="name">
-              <Input placeholder="请输入" />
-            </Form.Item>
-            <Form.Item label="创建时间" name="date" rules={rule.SELECT} required>
-              <DatePicker style={{width:'100%'}}/>
-            </Form.Item>
-
-            <Form.Item
-              label="手机号码"
-              name="phone"
-            >
-              <Input  />
-            </Form.Item>
-
-            <Form.Item label="绑定号码" name="select" required rules={rule.SELECT}>
-              <Select>
-                <Select.Option value={1}>1</Select.Option>
-                <Select.Option value={2}>2</Select.Option>
-              </Select>
-            </Form.Item>
-          </Form>
-        }
-      </Modal>
-
-  );
-};
-
-const ShowEdit = (props = {}) => {
-  return new Promise((resolve) => {
-    let popup = Popup(resolve);
-    ReactDom.render(
-      <DialogEdit destory={popup.destory} {...props} />,
-      popup.dom
-    );
-  });
-};
-export default ShowEdit;

package/templates/template_admin/public/src/pages/demo/index.less

@@ -1,9 +0,0 @@
-
-.contentWrap{
-  min-width: 100%;
-  min-height: 100%;
-  display: flex;
-  flex-direction: column;
-  row-gap: 16px;
-  padding:var(--padding-small);
-}

package/templates/template_admin/public/src/pages/demo/page1.jsx

@@ -1,161 +0,0 @@
-import React, { useEffect, useState, useRef } from 'react';
-// @ts-ignore
-import {Input,Button,Form,Badge,Space,Popconfirm} from 'antd';
-// @ts-ignore
-import { useNavigate } from 'react-router-dom';
-// @ts-ignore
-import moment from 'moment';
-
-import Table from '@/components/table';
-import Link from '@/components/link';
-import {usePaginationWithForm} from '@/hooks';
-import {GET_LIST,FormatTableService} from '@/services/demo';
-import {formatText,formatPhone} from '@/utils/format';
-import {useHealthy} from '@/dictionary';
-
-import ShowEdit from './edit';
-
-// @ts-ignore
-import styles from './index.less';
-
-const Page = (props) => {
-  const {label=''}= props;
-  const [form] = Form.useForm();
-  const emHealthy = useHealthy();
-  const navigate = useNavigate();
-
-  const page = usePaginationWithForm({
-    service:GET_LIST,
-    pagination:{pageSize:10},
-    form,
-    afterService: [FormatTableService],
-  })
-
-  const columns=[
-    {
-      dataIndex:'id',
-      title:'id',
-      width:30,
-      render:(text)=>formatText(text)
-    },
-    {
-      dataIndex:'query',
-      title:'查询内容',
-      width:90,
-      render:(text)=>formatText(text)
-    },
-    {
-      dataIndex:'name',
-      title:'名称',
-      width:90,
-      render:(text)=>formatText(text)
-    },
-    {
-      dataIndex:'date',
-      title:'时间',
-      width:90,
-      render:(date)=>date?moment(date).format('YYYY-MM-DD'):'-'
-    },
-    {
-      title: '手机号码',
-      dataIndex: 'phone',
-      width:100,
-      align:'center',
-      render:(phone)=>formatPhone(phone)
-    },
-    {
-      title: '状态',
-      dataIndex: 'select',
-      width:90,
-      align:'center',
-      render:(state,record,idx)=>{
-        state=['normal','abnormal','disabled'][idx%3];
-        const colors={
-          normal:'green',
-          abnormal:'#FAAD14',
-          disabled:'red'
-        }
-        return  <Badge
-            color={colors[state]}
-            text={emHealthy.getLabel(state)}
-          />
-      }
-    },
-    {
-      title: '操作',
-      key: 'option',
-      width:80,
-      fixed:'right',
-      align:'center',
-      render: (_, record) => (
-        <Space>
-          <Link  onClick={onDetail.bind(this,record)}>详情</Link>
-          <Link  onClick={onEdit.bind(this,record)}>编辑</Link>
-          <Popconfirm
-            title={`确定要${'禁用'}此用户吗？`}
-            onConfirm={onDel.bind(this,record)}
-          >
-            <Link>删除</Link>
-          </Popconfirm>
-        </Space>
-      ),
-    },
-  ];
-
-  const onEdit= async (record)=>{
-    const req= await ShowEdit({id:record.id});
-    if(req){
-      onSearch();
-    }
-  }
-  const onDetail= async (record)=>{
-    
-    navigate(`detail/${record.id}`)
-  }
-  const onDel=()=>{}
-
-  // 搜索
-  const onSearch = () => {
-    page.update({ pagination: { current: 1 }, clear: true });
-  };
-  // 重置
-  const onReset = () => {
-    page.reset();
-  };
-  const onPageChange = (current, pageSize) => {
-    page.update({ pagination: { current, pageSize }, clear: true });
-  };
-
-  useEffect(() => {
-    onSearch();
-  }, []);
-
-  return (
-    <section className={styles.contentWrap}>
-      <p>页面名称:{label}</p>
-      <Form form={form} layout="inline">
-        <Form.Item label="关键字" name={'key1'}>
-          <Input placeholder="请输入用户组/描述" allowClear />
-        </Form.Item>
-        <Form.Item label="用户" name={'key2'}>
-          <Input placeholder="请输入用户全名" allowClear />
-        </Form.Item>
-        <Space>
-          <Button onClick={onSearch} type="primary">
-            搜索
-          </Button>
-          <Button onClick={onReset}>重置</Button>
-        </Space>
-      </Form>
-      <Table
-        columns={columns}
-        pagination={{
-          onChange: onPageChange,
-        }}
-        page={page}
-      />
-    </section>
-  )
-}
-
-export default Page;

package/templates/template_admin/public/src/pages/superAdminLogin/index.jsx

@@ -1,64 +0,0 @@
-import React, { useState, useRef } from 'react';
-// @ts-ignore
-import {Input,Button} from 'antd';
-
-import ProviderApp from '@/provider/app';
-
-// @ts-ignore
-import styles from './index.less';
-
-/**
- * 本地模拟账号密码登录的页面
- * @returns 
- */
-const Page = () => {
-  const providerApp = ProviderApp.useContainer();
-  const [username,setUsername]=useState('');
-  const [password,setPassword]=useState('');
-  const refPassword = useRef();
-
-  const onInput=(type,e)=>{
-    const {target:{value}} = e
-    switch(type){
-      case 'username':{setUsername(value);}break;
-      case 'password':{setPassword(value);}break;
-    }
-  }
-
-  const onAccountLogin= async ()=>{
-    providerApp.login(username,password)
-  }
-
-  const onKeyUp=(type,e)=>{
-    console.log('onkeyup',e);
-    const {key:code}= e;
-    if(code.toLocaleLowerCase()=='enter'){
-      if(type=='id'){
-        // @ts-ignore
-        refPassword.current.focus();
-      }else{
-        onAccountLogin();
-      }
-    }
-  }
-  return (
-    <section className={styles.body}>
-      <section className={styles.wrap}>
-        <p className={styles.title}>登录</p>
-        <hgroup>
-          <span className={styles.inputLabel}>用户名</span>
-          <Input onKeyUp={onKeyUp.bind(this,'id')} autoComplete='new-password' id='skitoon-id' placeholder="请输入OA域账号" size='large' className={styles.input} value={username} onInput={onInput.bind(this,'username')}  />
-        </hgroup>
-
-        <hgroup>
-          <span className={styles.inputLabel}>密码</span>
-          <Input.Password ref={refPassword} onKeyUp={onKeyUp.bind(this,'password')} autoComplete='new-password' id='skitoon-password' placeholder="请输入密码" size='large' className={styles.input} value={password} onInput={onInput.bind(this,'password')} />
-        </hgroup>
-        <Button type='primary' size='large' className={styles.btn} onClick={onAccountLogin}
-        >登录</Button>
-      </section>
-    </section>
-  )
-}
-
-export default Page;

package/templates/template_admin/public/src/pages/superAdminLogin/index.less

@@ -1,44 +0,0 @@
-
-.link{
-  display: block;
-}
-.body{
-  width: 100%;
-  height:100%;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  flex-direction: column;
-  background-color: var(--color-primary-dark);
-
-}
-.wrap{
-  padding:26px 32px;
-  background-color: white;
-  .title{
-    font-size: 24px;
-    font-weight: var(--weight-Medium);
-    margin-bottom: 24px;
-  }
- 
-  hgroup{
-    margin-bottom: 16px;
-    display: block;
-    .inputLabel{
-      display: block;
-      font-size: 13px;
-      font-weight: var(--weight-Medium);
-      color: #86909C;
-      line-height: 22px;
-    }
-  }
-  .input{
-    width: 336px;
-    border-radius: 4px;
-    border: 1px solid #E5E6EB;
-  }
-  .btn{
-    width: 336px;
-    margin-top: 18px;
-  }
-}