PkgFoundry
Catalog npm
Back to packageRELEASE DETAILS

1.0.6

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-TnNgtZ72oChy9JGZi9u0+BQSVKNJ/g5G2S71FFq/vay7J5suBquS2aaPNiPWAgAnAsctI5lUzYtBOwNnw0aPsQ==",
  "shasum": "f1dfc783cc15314df0a5ad6d2521cd1705e9758e",
  "tarball": "https://registry.npmjs.org/8lab_crudformmodal/-/8lab_crudformmodal-1.0.6.tgz",
  "fileCount": 5,
  "unpackedSize": 9631,
  "npm-signature": "-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhxEnBCRA9TVsSAnZWagAAMJIP/A7/qf6YdBhoBexohNr6\n0pf4vho9Sd4MJ9D1Vkv4A1DPDFIj/WCuBss0jRHUnCbkPJHIJh/OAPCA1SQq\nQTSYbFW+8PlBX78IdptCMmK699x8BsPNNJF5MVPa206bEFJeTCrHZRKEsnj/\nmpZ+LPYxbIWzzO3VDXHnNK4DLSRPdrUo/hNIUDG+VLGfrOOTZh5YkoRYdnA5\niKAAU+i7u/xjkKvnfeQYLGsPMXC74a9wwvh5vx98LtXEocvSyP3M/OM47eQc\nxvc1d6LWgjtzHvTYXR87WKO9uQHYzlrPLr4M9ObQHnhtYJeKEUXtyTqZAjus\nVyiQeCZNo622hvxhfIl+5tnYzTtT7JIawsLETi29oLdXXKFlQDx1PgqeMsHT\n7M8dnU3sV3SZzvqbchhvMBb5Cv3mAqU58V1JXB0z2BaZFtGsPjlxNb3lsaiC\nh3AjPTr55VS4SfDcE/1qimv5oXRTP9yg+iJNe/6xJmr/3x14KSSPXinBn/Rs\nLAN7b8WXC5xLdPIg++WpdEennJelCjipjNotMSMFDIX9IHr6iP+jW4R0tMOJ\na4UZO8An3d3hlmCVKMcLTBvxqkN/HeyTc9vAdIHhK8zsYDcROVjtSxhvuOwU\n+UOmlTYDDBFSHEOjeVJhcLVdjBgH3xjSrvepcyH5/zx176JiaVA3JL8uyZub\nSD3I\r\n=F5zf\r\n-----END PGP SIGNATURE-----\r\n",
  "signatures": [
    {
      "keyid": "SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA",
      "sig": "MEUCIQDakFxqbJ6z4zAHMih7GjszQvKsOhWdBmuUntAK53YkSAIgSydgXa1wZ3YWhCFykdr3jKkQlyDzpehurq8clL+xyvQ="
    }
  ]
}

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:5e1e7c2bfb74e8ca3ecc06ba209cc442b4bcc696eb3c6aae5b542b5be1d31321

Other collected versions

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