Merge branch 'feature-muiltiSelect'

This commit is contained in:
2025-02-05 09:18:08 +09:00
2 changed files with 39 additions and 13 deletions

View File

@@ -1,15 +1,41 @@
# My-kintone-plugin
1. 命令:
- `npm run build` 会将代码按照 kintone plugin 格式打包到 `dist`,并生成 `plugin.zip`
- `npm run upload` 会将 `plugin.zip` 上传到 kintone
# data-fetch-plugin
2. 使用 Vue3.0 开发
- 配置页面在 `components/Config.vue` 中开发
- Desktop 页面在 `js/desktop.ts` 中开发
1. コマンド
- `package.json`ファイルを開き、`scripts`内の`upload`コマンドのパラメータを接続する必要があるkintoneドメインに変更してください。
package.json:
```json
"upload": "kintone-plugin-uploader --base-url https://{YOUR-KINTONE-DOMAIN}.cybozu.com --username {YOUR-USERID} --password {YOUR-PASSWORD} dist/plugin.zip ",
```
- `npm run build` を実行すると、`dist` ディレクトリにパッケージファイルを生成し、`plugin.zip` が作成されます。
- `npm run upload` を実行すると、`plugin.zip` がkintoneにアップロードされます。
- `npm run build-upload` を実行すると、上記両方同時実行されます。
3. 关于组件
- 使用了 https://ui-component.kintone.dev/ 组件库,但是它没有支持 Vue所以需要作为 Web Component 来使用
- 又由于 Web Component 的格式是类似 `<kuc-button-1-18-0>`,为了开发方便能写成 `<kuc-button>`,手动进行了全局替换和引入包(见 `vite.config.js`
- 同时也定死了 kintone-ui-component 版本号,更新版本号需要修改 `vite.config.js` 的插件
- 目前尚未实现 `<template>` 中组件的 ts 提示
2. Vue3.0を使用した開発
- 設定ページは `components/Config.vue` にて開発します。
- Desktopページは `js/desktop.ts` にて開発します。
- Mobileページは `js/desktop.ts` にて開発します。
3. 依存環境作成:
- 最新のNode.js と npm のインストール
- Yarnのインストール
```bash
npm install -g yarn
```
- 依存環境をインストール
```bash
yarn
```
- ビルド
```bash
yarn build
```
- pluginアップロード
```bash
yarn upload
```
- ビルド&アップロード
```
yarn build-upload
```
---

View File

@@ -83,6 +83,6 @@ export default defineConfig({
assetFileNames: 'src/[ext]/[name].[ext]',
},
},
sourcemap: 'inline',
sourcemap: false,
}
})