Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@riil-frontend/block-stepper-for-edit

Package Overview
Dependencies
Maintainers
1
Versions
11
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@riil-frontend/block-stepper-for-edit - npm Package Compare versions

Comparing version 0.1.4 to 0.1.5-a

2

package.json
{
"name": "@riil-frontend/block-stepper-for-edit",
"version": "0.1.4",
"version": "0.1.5-a",
"description": "这是一个带有编辑式状态的步骤条",

@@ -5,0 +5,0 @@ "files": [

@@ -7,12 +7,14 @@ import React, { useState } from 'react';

function StepperEditBlock(props) {
const data = [
['step-1', '正在处理中'],
['step-2', '未完成'],
['step-3', '未完成'],
['step-4', '未完成'],
];
const [dataSource, setDataSource] = useState(data);
const [currentStep, setCurrentStep] = useState(0);
const [isEdit, setIsEdit] = useState(false);
// 步骤完成后再编辑
// const data = [
// ['step-1', '正在处理中'],
// ['step-2', '未完成'],
// ['step-3', '未完成'],
// ['step-4', '未完成'],
// ];
// const [dataSource, setDataSource] = useState(data);
// const [currentStep, setCurrentStep] = useState(0);
// const [isEdit, setIsEdit] = useState(false);
//进入页面即为编辑状态
const editData = [

@@ -29,3 +31,3 @@ ['step-1', '正在处理中', 'finish'],

<div>
<div style={{ marginTop: 100 }}>
{/* <div style={{ marginTop: 100 }}>
<Step current={currentStep} labelPlacement="ver" shape="dot">

@@ -90,5 +92,5 @@ {dataSource.map((item, index) => {

</Step>
</div>
</div> */}
<div style={{ marginTop: 100 }}>
<div style={{ marginTop: 150 }}>
<Step current={current} labelPlacement="ver" shape="dot">

@@ -95,0 +97,0 @@ {dataEdit.map((item, index) => {

Sorry, the diff of this file is too big to display

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc