JSPM

  • Created
  • Published
  • Downloads 723
  • Score
    100M100P100Q121260F
  • License MIT

Core components and utilities for code-canvas visualization editor (React)

Package Exports

  • @nuwatop/code-canvas-core
  • @nuwatop/code-canvas-core/base/CommandsUtils.d.ts
  • @nuwatop/code-canvas-core/base/CommandsUtils.d.ts.map
  • @nuwatop/code-canvas-core/base/DataSetInheritContext.d.ts
  • @nuwatop/code-canvas-core/base/DataSetInheritContext.d.ts.map
  • @nuwatop/code-canvas-core/base/actionParser.d.ts
  • @nuwatop/code-canvas-core/base/actionParser.d.ts.map
  • @nuwatop/code-canvas-core/base/hooks/useApiService.d.ts
  • @nuwatop/code-canvas-core/base/hooks/useApiService.d.ts.map
  • @nuwatop/code-canvas-core/base/mountReactComponent.d.ts
  • @nuwatop/code-canvas-core/base/mountReactComponent.d.ts.map
  • @nuwatop/code-canvas-core/base/store/storePathUtils.d.ts
  • @nuwatop/code-canvas-core/base/store/storePathUtils.d.ts.map
  • @nuwatop/code-canvas-core/base/store/useAndStore.d.ts
  • @nuwatop/code-canvas-core/base/store/useAndStore.d.ts.map
  • @nuwatop/code-canvas-core/base/storeKeyUtils.d.ts
  • @nuwatop/code-canvas-core/base/storeKeyUtils.d.ts.map
  • @nuwatop/code-canvas-core/base/storePropsUtils.d.ts
  • @nuwatop/code-canvas-core/base/storePropsUtils.d.ts.map
  • @nuwatop/code-canvas-core/base/useFieldValidation.d.ts
  • @nuwatop/code-canvas-core/base/useFieldValidation.d.ts.map
  • @nuwatop/code-canvas-core/base/validationUtils.d.ts
  • @nuwatop/code-canvas-core/base/validationUtils.d.ts.map
  • @nuwatop/code-canvas-core/components/AndAlert/index.d.ts
  • @nuwatop/code-canvas-core/components/AndAlert/index.d.ts.map
  • @nuwatop/code-canvas-core/components/AndAutoComplete/index.d.ts
  • @nuwatop/code-canvas-core/components/AndAutoComplete/index.d.ts.map
  • @nuwatop/code-canvas-core/components/AndAvatar/index.d.ts
  • @nuwatop/code-canvas-core/components/AndAvatar/index.d.ts.map
  • @nuwatop/code-canvas-core/components/AndBadge/index.d.ts
  • @nuwatop/code-canvas-core/components/AndBadge/index.d.ts.map
  • @nuwatop/code-canvas-core/components/AndBadgeRibbon/index.d.ts
  • @nuwatop/code-canvas-core/components/AndBadgeRibbon/index.d.ts.map
  • @nuwatop/code-canvas-core/components/AndBreadCrumb/index.d.ts
  • @nuwatop/code-canvas-core/components/AndBreadCrumb/index.d.ts.map
  • @nuwatop/code-canvas-core/components/AndButton/index.d.ts
  • @nuwatop/code-canvas-core/components/AndButton/index.d.ts.map
  • @nuwatop/code-canvas-core/components/AndCalendar/index.d.ts
  • @nuwatop/code-canvas-core/components/AndCalendar/index.d.ts.map
  • @nuwatop/code-canvas-core/components/AndCard/index.d.ts
  • @nuwatop/code-canvas-core/components/AndCard/index.d.ts.map
  • @nuwatop/code-canvas-core/components/AndCarousel/index.d.ts
  • @nuwatop/code-canvas-core/components/AndCarousel/index.d.ts.map
  • @nuwatop/code-canvas-core/components/AndCascade/index.d.ts
  • @nuwatop/code-canvas-core/components/AndCascade/index.d.ts.map
  • @nuwatop/code-canvas-core/components/AndCheckbox/index.d.ts
  • @nuwatop/code-canvas-core/components/AndCheckbox/index.d.ts.map
  • @nuwatop/code-canvas-core/components/AndColumn/index.d.ts
  • @nuwatop/code-canvas-core/components/AndColumn/index.d.ts.map
  • @nuwatop/code-canvas-core/components/AndContainer/index.d.ts
  • @nuwatop/code-canvas-core/components/AndContainer/index.d.ts.map
  • @nuwatop/code-canvas-core/components/AndDatePicker/index.d.ts
  • @nuwatop/code-canvas-core/components/AndDatePicker/index.d.ts.map
  • @nuwatop/code-canvas-core/components/AndDivider/index.d.ts
  • @nuwatop/code-canvas-core/components/AndDivider/index.d.ts.map
  • @nuwatop/code-canvas-core/components/AndDrawer/index.d.ts
  • @nuwatop/code-canvas-core/components/AndDrawer/index.d.ts.map
  • @nuwatop/code-canvas-core/components/AndDropdown/index.d.ts
  • @nuwatop/code-canvas-core/components/AndDropdown/index.d.ts.map
  • @nuwatop/code-canvas-core/components/AndDynamicContainer/index.d.ts
  • @nuwatop/code-canvas-core/components/AndDynamicContainer/index.d.ts.map
  • @nuwatop/code-canvas-core/components/AndFormItem/index.d.ts
  • @nuwatop/code-canvas-core/components/AndFormItem/index.d.ts.map
  • @nuwatop/code-canvas-core/components/AndIcon/index.d.ts
  • @nuwatop/code-canvas-core/components/AndIcon/index.d.ts.map
  • @nuwatop/code-canvas-core/components/AndImage/index.d.ts
  • @nuwatop/code-canvas-core/components/AndImage/index.d.ts.map
  • @nuwatop/code-canvas-core/components/AndImageGroup/index.d.ts
  • @nuwatop/code-canvas-core/components/AndImageGroup/index.d.ts.map
  • @nuwatop/code-canvas-core/components/AndInput/index.d.ts
  • @nuwatop/code-canvas-core/components/AndInput/index.d.ts.map
  • @nuwatop/code-canvas-core/components/AndInputArea/index.d.ts
  • @nuwatop/code-canvas-core/components/AndInputArea/index.d.ts.map
  • @nuwatop/code-canvas-core/components/AndInputNumber/index.d.ts
  • @nuwatop/code-canvas-core/components/AndInputNumber/index.d.ts.map
  • @nuwatop/code-canvas-core/components/AndInputPassword/index.d.ts
  • @nuwatop/code-canvas-core/components/AndInputPassword/index.d.ts.map
  • @nuwatop/code-canvas-core/components/AndInputSearch/index.d.ts
  • @nuwatop/code-canvas-core/components/AndInputSearch/index.d.ts.map
  • @nuwatop/code-canvas-core/components/AndIterator/index.d.ts
  • @nuwatop/code-canvas-core/components/AndIterator/index.d.ts.map
  • @nuwatop/code-canvas-core/components/AndMasonry/index.d.ts
  • @nuwatop/code-canvas-core/components/AndMasonry/index.d.ts.map
  • @nuwatop/code-canvas-core/components/AndMenu/index.d.ts
  • @nuwatop/code-canvas-core/components/AndMenu/index.d.ts.map
  • @nuwatop/code-canvas-core/components/AndModal/index.d.ts
  • @nuwatop/code-canvas-core/components/AndModal/index.d.ts.map
  • @nuwatop/code-canvas-core/components/AndPagination/index.d.ts
  • @nuwatop/code-canvas-core/components/AndPagination/index.d.ts.map
  • @nuwatop/code-canvas-core/components/AndParagraph/index.d.ts
  • @nuwatop/code-canvas-core/components/AndParagraph/index.d.ts.map
  • @nuwatop/code-canvas-core/components/AndPdfViewer/index.d.ts
  • @nuwatop/code-canvas-core/components/AndPdfViewer/index.d.ts.map
  • @nuwatop/code-canvas-core/components/AndPdfViewer/pdfViewerCommand.d.ts
  • @nuwatop/code-canvas-core/components/AndPdfViewer/pdfViewerCommand.d.ts.map
  • @nuwatop/code-canvas-core/components/AndProductCategory/index.d.ts
  • @nuwatop/code-canvas-core/components/AndProductCategory/index.d.ts.map
  • @nuwatop/code-canvas-core/components/AndQRCode/index.d.ts
  • @nuwatop/code-canvas-core/components/AndQRCode/index.d.ts.map
  • @nuwatop/code-canvas-core/components/AndRadio/index.d.ts
  • @nuwatop/code-canvas-core/components/AndRadio/index.d.ts.map
  • @nuwatop/code-canvas-core/components/AndRangePicker/index.d.ts
  • @nuwatop/code-canvas-core/components/AndRangePicker/index.d.ts.map
  • @nuwatop/code-canvas-core/components/AndRate/index.d.ts
  • @nuwatop/code-canvas-core/components/AndRate/index.d.ts.map
  • @nuwatop/code-canvas-core/components/AndResult/index.d.ts
  • @nuwatop/code-canvas-core/components/AndResult/index.d.ts.map
  • @nuwatop/code-canvas-core/components/AndRow/index.d.ts
  • @nuwatop/code-canvas-core/components/AndRow/index.d.ts.map
  • @nuwatop/code-canvas-core/components/AndSegmented/index.d.ts
  • @nuwatop/code-canvas-core/components/AndSegmented/index.d.ts.map
  • @nuwatop/code-canvas-core/components/AndSelect/index.d.ts
  • @nuwatop/code-canvas-core/components/AndSelect/index.d.ts.map
  • @nuwatop/code-canvas-core/components/AndSimpleForm/index.d.ts
  • @nuwatop/code-canvas-core/components/AndSimpleForm/index.d.ts.map
  • @nuwatop/code-canvas-core/components/AndSlider/index.d.ts
  • @nuwatop/code-canvas-core/components/AndSlider/index.d.ts.map
  • @nuwatop/code-canvas-core/components/AndSplitter/index.d.ts
  • @nuwatop/code-canvas-core/components/AndSplitter/index.d.ts.map
  • @nuwatop/code-canvas-core/components/AndStatistics/index.d.ts
  • @nuwatop/code-canvas-core/components/AndStatistics/index.d.ts.map
  • @nuwatop/code-canvas-core/components/AndStatisticsCountdown/index.d.ts
  • @nuwatop/code-canvas-core/components/AndStatisticsCountdown/index.d.ts.map
  • @nuwatop/code-canvas-core/components/AndSteps/index.d.ts
  • @nuwatop/code-canvas-core/components/AndSteps/index.d.ts.map
  • @nuwatop/code-canvas-core/components/AndSwitch/index.d.ts
  • @nuwatop/code-canvas-core/components/AndSwitch/index.d.ts.map
  • @nuwatop/code-canvas-core/components/AndTable/ColumnSettingModal.d.ts
  • @nuwatop/code-canvas-core/components/AndTable/ColumnSettingModal.d.ts.map
  • @nuwatop/code-canvas-core/components/AndTable/hooks/useAutoScrollY.d.ts
  • @nuwatop/code-canvas-core/components/AndTable/hooks/useAutoScrollY.d.ts.map
  • @nuwatop/code-canvas-core/components/AndTable/index.d.ts
  • @nuwatop/code-canvas-core/components/AndTable/index.d.ts.map
  • @nuwatop/code-canvas-core/components/AndTable/renderers.d.ts
  • @nuwatop/code-canvas-core/components/AndTable/renderers.d.ts.map
  • @nuwatop/code-canvas-core/components/AndTable/types.d.ts
  • @nuwatop/code-canvas-core/components/AndTable/types.d.ts.map
  • @nuwatop/code-canvas-core/components/AndTabs/index.d.ts
  • @nuwatop/code-canvas-core/components/AndTabs/index.d.ts.map
  • @nuwatop/code-canvas-core/components/AndTag/index.d.ts
  • @nuwatop/code-canvas-core/components/AndTag/index.d.ts.map
  • @nuwatop/code-canvas-core/components/AndText/index.d.ts
  • @nuwatop/code-canvas-core/components/AndText/index.d.ts.map
  • @nuwatop/code-canvas-core/components/AndTimePicker/index.d.ts
  • @nuwatop/code-canvas-core/components/AndTimePicker/index.d.ts.map
  • @nuwatop/code-canvas-core/components/AndTimeline/index.d.ts
  • @nuwatop/code-canvas-core/components/AndTimeline/index.d.ts.map
  • @nuwatop/code-canvas-core/components/AndTitle/index.d.ts
  • @nuwatop/code-canvas-core/components/AndTitle/index.d.ts.map
  • @nuwatop/code-canvas-core/components/AndTransfer/index.d.ts
  • @nuwatop/code-canvas-core/components/AndTransfer/index.d.ts.map
  • @nuwatop/code-canvas-core/components/AndTree/index.d.ts
  • @nuwatop/code-canvas-core/components/AndTree/index.d.ts.map
  • @nuwatop/code-canvas-core/components/AndTreeSelect/index.d.ts
  • @nuwatop/code-canvas-core/components/AndTreeSelect/index.d.ts.map
  • @nuwatop/code-canvas-core/components/AndUpload/index.d.ts
  • @nuwatop/code-canvas-core/components/AndUpload/index.d.ts.map
  • @nuwatop/code-canvas-core/components/AndWatermark.d.ts
  • @nuwatop/code-canvas-core/components/AndWatermark.d.ts.map
  • @nuwatop/code-canvas-core/components/UploadFile/src/useUpload.d.ts
  • @nuwatop/code-canvas-core/components/UploadFile/src/useUpload.d.ts.map
  • @nuwatop/code-canvas-core/index.d.ts
  • @nuwatop/code-canvas-core/index.d.ts.map
  • @nuwatop/code-canvas-core/index.esm.js
  • @nuwatop/code-canvas-core/index.esm.js.map
  • @nuwatop/code-canvas-core/index.js
  • @nuwatop/code-canvas-core/index.js.map
  • @nuwatop/code-canvas-core/style.css
  • @nuwatop/code-canvas-core/types/common.d.ts
  • @nuwatop/code-canvas-core/types/common.d.ts.map
  • @nuwatop/code-canvas-core/types/index.d.ts
  • @nuwatop/code-canvas-core/types/index.d.ts.map
  • @nuwatop/code-canvas-core/utils/ReactFormatter.d.ts
  • @nuwatop/code-canvas-core/utils/ReactFormatter.d.ts.map
  • @nuwatop/code-canvas-core/utils/auth.d.ts
  • @nuwatop/code-canvas-core/utils/auth.d.ts.map
  • @nuwatop/code-canvas-core/utils/base.d.ts
  • @nuwatop/code-canvas-core/utils/base.d.ts.map
  • @nuwatop/code-canvas-core/utils/dict.d.ts
  • @nuwatop/code-canvas-core/utils/dict.d.ts.map
  • @nuwatop/code-canvas-core/utils/formatter.d.ts
  • @nuwatop/code-canvas-core/utils/formatter.d.ts.map
  • @nuwatop/code-canvas-core/utils/index.d.ts
  • @nuwatop/code-canvas-core/utils/index.d.ts.map
  • @nuwatop/code-canvas-core/utils/is.d.ts
  • @nuwatop/code-canvas-core/utils/is.d.ts.map
  • @nuwatop/code-canvas-core/utils/pdfPolyfill.d.ts
  • @nuwatop/code-canvas-core/utils/pdfPolyfill.d.ts.map
  • @nuwatop/code-canvas-core/utils/pdfWorker.d.ts
  • @nuwatop/code-canvas-core/utils/pdfWorker.d.ts.map
  • @nuwatop/code-canvas-core/utils/request.d.ts
  • @nuwatop/code-canvas-core/utils/request.d.ts.map
  • @nuwatop/code-canvas-core/utils/resolveTokenColor.d.ts
  • @nuwatop/code-canvas-core/utils/resolveTokenColor.d.ts.map
  • @nuwatop/code-canvas-core/utils/runCommonUtils.d.ts
  • @nuwatop/code-canvas-core/utils/runCommonUtils.d.ts.map

Readme

@nuwatop/code-canvas-core

Core components and utilities for code-canvas visualization editor.

Installation

npm install @nuwatop/code-canvas-core

Usage

Configuration

Before using the core package, you need to configure the request and upload handlers:

import { setCoreConfig } from '@nuwatop/code-canvas-core';

setCoreConfig({
  request: async (config) => {
    // Your request implementation
    return await fetch(config.baseURL, {
      method: 'GET',
      headers: config.headers
    });
  },
  upload: async (file, config) => {
    // Your upload implementation
    const formData = new FormData();
    formData.append('file', file);
    return await fetch(config?.url || '/upload', {
      method: 'POST',
      body: formData,
      headers: config?.headers
    });
  }
});

Components

All And-* components are available for import:

import { AndButton, AndInput, AndText } from '@nuwatop/code-canvas-core';

Runtime

Initialize the runtime module:

import { initRuntime } from '@nuwatop/code-canvas-core/runtime';

initRuntime({
  utils: yourUtils,
  moduleLoader: async (moduleName) => {
    // Load your module
    return await import(`./modules/${moduleName}`);
  }
});

发布到 npm(维护者)

core 目录下,先改好 package.json 里的 **version**(不能和已发布版本重复),登录 npm 官方源后执行:

npm publish --access public
  • **--access public**:本包是 scoped 包(@nuwatop/...),公开到 npmjs 必须加这一项;否则可能按私有包处理。
  • prepublishOnly 已配置为自动 npm run build,一般无需先手动 build

若本机默认 registry 是镜像(如 npmmirror,不能 publish),可二选一:

npm publish --access public --registry https://registry.npmjs.org/

或在 core/.npmrc 中指定 registry=https://registry.npmjs.org/(含 token 时不要提交到 Git)。

其他:npm login、Automation Token、发布后依赖方 npm install @nuwatop/code-canvas-core@latest、Vite 项目可删 node_modules/.vite 再启动等,按团队惯例即可。

License

MIT