PkgFoundry
Catalog npm
Back to packageRELEASE DETAILS

1.0.5

npm

8lab_crudformmodal

8lab 基础表单

Published23 Dec 2021
Direct dependencies33
Transitive dependenciesNot calculated

README

Current package documentation

CURDFormModal

基于ant design Form 封装的可灵活配置Item列

使用方法

const formModalColumns = [
  {
    title: '名字',
    label: '名字',
    rules: [{ required: true, message: '请输入名字' }],
    itemType: 'select',
    name: 'name',
    initialValue: 'name',
    dataSource: [
      {
        value: 'name',
        label: '名字',
      },
      {
        value: 'age',
        label: '年龄',
      },
    ],
  },
  {
    title: '排序',
    columns: [
      {
        title: '测试',
        label: '测试',
        placeholder: '请输入测试',
        itemType: 'radio',
        name: 'callNo',
        initialValue: '1',
        dataSource: [
          { label: '1', value: '1' },
          { label: '2', value: '2' },
          { label: '3', value: '3' },
        ],
      },
      {
        title: '状态',
        label: '状态',
        placeholder: '请输入状态',
        itemType: 'switch',
        valuePropName: 'checked',
        initialValue: true,
        name: 'status',
      },
    ],
  },
  {
    title: '测试22',
    label: '测试22',
    placeholder: '请输入测试22',
    rules: [{ required: true, message: '请输入Vlan别名' }],
    itemType: 'textArea',
    name: 'updatedAt',
  },
];


    <CURDFromModal
      formModalColumns={formModalColumns}
      initialValues={{}}
      onSubmitFinish={(value) => {
        console.log(value);
        value.isEdit?setUpdata(value?.values):setAdd(value?.values)
      }}
      loading={loading}
      onModalVisible={(value) => setIsModalVisible(value)}
    />

Downloads & popularity

Awaiting observations

No metric observations yet

Download counts and popularity will appear here as the collector receives them.

Declared dependencies 33

Native requirements
33 direct targetsNot calculated transitive count
Package / targetRequirementRelationship
less
Environment
{
  "local_name": "less",
  "alias": false,
  "peer_metadata": null
}
^4.1.1development
@babel/preset-env
Environment
{
  "local_name": "@babel/preset-env",
  "alias": false,
  "peer_metadata": null
}
^7.14.4development
@babel/core
Environment
{
  "local_name": "@babel/core",
  "alias": false,
  "peer_metadata": null
}
^7.14.3development
@babel/eslint-parser
Environment
{
  "local_name": "@babel/eslint-parser",
  "alias": false,
  "peer_metadata": null
}
^7.14.4development
@types/node
Environment
{
  "local_name": "@types/node",
  "alias": false,
  "peer_metadata": null
}
^15.9.0development
@typescript-eslint/eslint-plugin
Environment
{
  "local_name": "@typescript-eslint/eslint-plugin",
  "alias": false,
  "peer_metadata": null
}
^4.26.0development
@typescript-eslint/parser
Environment
{
  "local_name": "@typescript-eslint/parser",
  "alias": false,
  "peer_metadata": null
}
^4.26.0development
@testing-library/react-hooks
Environment
{
  "local_name": "@testing-library/react-hooks",
  "alias": false,
  "peer_metadata": null
}
^7.0.0development
jsdom
Environment
{
  "local_name": "jsdom",
  "alias": false,
  "peer_metadata": null
}
16.6.0development
jsdom-global
Environment
{
  "local_name": "jsdom-global",
  "alias": false,
  "peer_metadata": null
}
3.0.2development
jest
Environment
{
  "local_name": "jest",
  "alias": false,
  "peer_metadata": null
}
^27.0.4development
ts-jest
Environment
{
  "local_name": "ts-jest",
  "alias": false,
  "peer_metadata": null
}
^27.0.3development
react-test-renderer
Environment
{
  "local_name": "react-test-renderer",
  "alias": false,
  "peer_metadata": null
}
^17.0.2development
node-notifier
Environment
{
  "local_name": "node-notifier",
  "alias": false,
  "peer_metadata": null
}
^10.0.0development
babel-eslint
Environment
{
  "local_name": "babel-eslint",
  "alias": false,
  "peer_metadata": null
}
^10.1.0development
babel-loader
Environment
{
  "local_name": "babel-loader",
  "alias": false,
  "peer_metadata": null
}
^8.2.2development
css-loader
Environment
{
  "local_name": "css-loader",
  "alias": false,
  "peer_metadata": null
}
^5.2.6development
enzyme
Environment
{
  "local_name": "enzyme",
  "alias": false,
  "peer_metadata": null
}
^3.11.0development
@wojtekmaj/enzyme-adapter-react-17
Environment
{
  "local_name": "@wojtekmaj/enzyme-adapter-react-17",
  "alias": false,
  "peer_metadata": null
}
^0.6.1development
eslint
Environment
{
  "local_name": "eslint",
  "alias": false,
  "peer_metadata": null
}
^7.27.0development
eslint-config-airbnb
Environment
{
  "local_name": "eslint-config-airbnb",
  "alias": false,
  "peer_metadata": null
}
^18.2.1development
eslint-plugin-import
Environment
{
  "local_name": "eslint-plugin-import",
  "alias": false,
  "peer_metadata": null
}
^2.23.4development
eslint-plugin-jsx-a11y
Environment
{
  "local_name": "eslint-plugin-jsx-a11y",
  "alias": false,
  "peer_metadata": null
}
^6.4.1development
eslint-plugin-react
Environment
{
  "local_name": "eslint-plugin-react",
  "alias": false,
  "peer_metadata": null
}
^7.24.0development
html-webpack-plugin
Environment
{
  "local_name": "html-webpack-plugin",
  "alias": false,
  "peer_metadata": null
}
^5.3.1development
less-loader
Environment
{
  "local_name": "less-loader",
  "alias": false,
  "peer_metadata": null
}
^9.0.0development
prettier
Environment
{
  "local_name": "prettier",
  "alias": false,
  "peer_metadata": null
}
^2.3.0development
style-loader
Environment
{
  "local_name": "style-loader",
  "alias": false,
  "peer_metadata": null
}
^2.0.0development
ts-loader
Environment
{
  "local_name": "ts-loader",
  "alias": false,
  "peer_metadata": null
}
^9.2.2development
typescript
Environment
{
  "local_name": "typescript",
  "alias": false,
  "peer_metadata": null
}
^4.3.2development
webpack
Environment
{
  "local_name": "webpack",
  "alias": false,
  "peer_metadata": null
}
^5.38.1development
webpack-cli
Environment
{
  "local_name": "webpack-cli",
  "alias": false,
  "peer_metadata": null
}
^4.7.0development
webpack-dev-server
Environment
{
  "local_name": "webpack-dev-server",
  "alias": false,
  "peer_metadata": null
}
^3.11.2development

Distribution files

1 collected
Distribution 1

Source distribution

Source file
Checksums from source
{
  "integrity": "sha512-ikiQYxSIW7WxQLvWTiCzxmkvgrjpCfwkppyXR6qYRWsZCFTnvvN3z5BH49+M3PEfKM22RuFxeRiNQdnwxRoKVQ==",
  "shasum": "27bd3328cd2d177cb2f183c088c5014ac051d959",
  "tarball": "https://registry.npmjs.org/8lab_crudformmodal/-/8lab_crudformmodal-1.0.5.tgz",
  "fileCount": 5,
  "unpackedSize": 9810,
  "npm-signature": "-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhxElMCRA9TVsSAnZWagAA5vAQAIOaWncmhSkjkSTFbNFa\nrqATl6drxvqrCl74kyJGwwE9j8r7HGcI4ILkarAITOcnoE8cXP/wQzgKJodA\nKdillZAK+xJME7nqKwxyqA6ilQMGWWsnBrGLv51w/vLsDPXZh33A8mlm8Xca\n43RZ2Z+FBToAXY/s6uGARwlE5O7ABlXqixkVANxMovwjsiboKSTQveq3Hpis\nskj3O+JG9J2V8HVms2FC5760Xxr+oT7vqTcsL+Ev48iuHlN/Aqiq51CWuh3X\nHzwRyYEaY8fq5HunazMpXQtX5jGeXY+H84P4PtJ0reFbJobWMdLZxccPstYy\n2TIpykW9Ri0BqBE8sbtXkWBCzmqzd5koy6TskbeobeLZMACeIA95Pq7Z9nRM\ngVQaKXTp6XVGZ/N7Ypd44uYVkxdHUYS6BPyYpeaPOfZopA/Jujuvw3Huqkp6\nsrJjg9R4vHjHwdEgNnKYlBWyzAHXzKZ1gXsty1/jXTo0v6SpDDr87PgpEn5o\n5hBWnwqFdelhiRlZdli+mHVc3vXRxYOWIrax88H+3zmpuqcZuhpWF/SLO0Gu\nf8AARVBaP33RDeBodag1FTwf2J0JZfz4baHAd+GJxzfHwkPBJatUKKTagDjM\nPahqU5z8dIotyFSeAUM/tgWpN5An9ZDgurch2taLLVKcmO9DbE96vgqITypw\n/dAL\r\n=iskQ\r\n-----END PGP SIGNATURE-----\r\n",
  "signatures": [
    {
      "keyid": "SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA",
      "sig": "MEUCIQDa0FFmAZc0Wqfe4csc1QAsom3J9hjt68qdEZ+PMbnpXQIgTz+YQcdxHeTAEj4BBu3Imt50QyUkJ2CqFhFdNktKx0M="
    }
  ]
}

Metadata history

Meaningful changes
Current collected state Current

Observed since 20 Oct, 21:24 UTC

No superseded metadata states collected. Unchanged observations do not create new revisions.

Record identity

package_version:7d3c2091bc0e0af4de90513eb6cc9c5046da54cea7262f91fe25e97e224ac8a2

Other collected versions

1.0.823 Dec1.0.723 Dec1.0.623 Dec1.0.423 Dec1.0.322 Dec1.0.222 DecView all collected versions →