n20-project-component 1.0.1 → 1.0.5

package/README.en.md

@@ -0,0 +1,36 @@
+# k13-07_G6公共产品包前端
+
+#### Description
+G6公共产品包前端代码
+
+#### Software Architecture
+Software architecture description
+
+#### Installation
+
+1.  xxxx
+2.  xxxx
+3.  xxxx
+
+#### Instructions
+
+1.  xxxx
+2.  xxxx
+3.  xxxx
+
+#### Contribution
+
+1.  Fork the repository
+2.  Create Feat_xxx branch
+3.  Commit your code
+4.  Create Pull Request
+
+
+#### Gitee Feature
+
+1.  You can use Readme\_XXX.md to support different languages, such as Readme\_en.md, Readme\_zh.md
+2.  Gitee blog [blog.gitee.com](https://blog.gitee.com)
+3.  Explore open source project [https://gitee.com/explore](https://gitee.com/explore)
+4.  The most valuable open source project [GVP](https://gitee.com/gvp)
+5.  The manual of Gitee [https://gitee.com/help](https://gitee.com/help)
+6.  The most popular members  [https://gitee.com/gitee-stars/](https://gitee.com/gitee-stars/)

package/README.md

@@ -1,179 +1,111 @@
-# n20-project-component
-
-PC 端 Vue 2 + Element UI 通用组件库，公司内部项目复用。
-
-## 组件列表
-
-| 组件 | 说明 | 状态 |
-|------|------|------|
-| N20CopyText | 点击复制文本，弹出「已复制」反馈 | ✅ 已完成 |
-| N20FloatingToolbar | 选中文字后浮现操作工具条 | 🔲 待开发 |
-| N20Marquee | 滚动通知条（水平/垂直） | 🔲 待开发 |
-| N20FrequentWords | 常用词输入，自动记录到本地缓存 | 🔲 待开发 |
-| N20BatchInput | 批量输入，粘贴自动拆分为多个标签 | 🔲 待开发 |
-
----
-
-## 发布
-
-### 前置条件
-
-- Node 14+
-- npm 账号（[注册地址](https://www.npmjs.com/signup)）
-- npm 账号需开启 2FA 或创建 Granular Access Token
-
-### 构建
-
-```bash
-npm run build
-```
-
-构建产物在 `dist/` 目录下：
-
-```
-dist/
-├── n20-project-component.umd.min.js    # UMD 压缩版
-├── n20-project-component.umd.js        # UMD 开发版
-├── n20-project-component.common.js     # CommonJS
-└── n20-project-component.css           # 样式文件
-```
-
-### 发布到 npm
-
-```bash
-# 首次使用先登录
-npm login
-
-# 发布（需要 2FA 验证码）
-npm publish --otp=你的6位验证码
-```
-
-如果用 Access Token 方式发布：
-
-```bash
-npm publish --access public --//registry.npmjs.org/:_authToken=你的token
-```
-
-### 更新版本
-
-```bash
-# 补丁版本 1.0.0 → 1.0.1
-npm version patch
-
-# 次版本 1.0.0 → 1.1.0
-npm version minor
-
-# 主版本 1.0.0 → 2.0.0
-npm version major
-
-# 然后发布
-npm publish --otp=验证码
-```
-
----
-
-## 安装
-
-```bash
-npm install n20-project-component
-```
-
----
-
-## 使用
-
-### 全量引入
-
-在 `main.js` 中：
-
-```javascript
-import Vue from 'vue'
-import N20Components from 'n20-project-component'
-import 'n20-project-component/dist/n20-project-component.css'
-
-Vue.use(N20Components)
-```
-
-之后在任意 `.vue` 文件中直接使用：
-
-```vue
-<N20CopyText text="BILL-2024-001">BILL-2024-001</N20CopyText>
-```
-
-### 按需引入
-
-```javascript
-import { N20CopyText } from 'n20-project-component'
-import 'n20-project-component/dist/n20-project-component.css'
-
-// 全局注册
-Vue.component('N20CopyText', N20CopyText)
-
-// 或在组件内局部注册
-export default {
-  components: { N20CopyText }
-}
-```
-
----
-
-## 组件文档
-
-### N20CopyText
-
-点击复制文本到剪贴板，显示「已复制」反馈气泡。
-
-#### 基础用法
-
-```vue
-<N20CopyText text="需要复制的内容">显示的文字</N20CopyText>
-```
-
-#### 在表格中使用
-
-```vue
-<el-table-column label="单据编号">
-  <template slot-scope="{ row }">
-    <N20CopyText :text="row.billNo">{{ row.billNo }}</N20CopyText>
-  </template>
-</el-table-column>
-```
-
-#### Props
-
-| 参数 | 说明 | 类型 | 默认值 |
-|------|------|------|--------|
-| text | 要复制的文本，留空则取 slot 内容 | String / Number | '' |
-| successTip | 复制成功提示 | String | '已复制' |
-| showIcon | 是否显示复制图标 | Boolean | true |
-| iconPosition | 图标位置 left / right | String | 'right' |
-| disabled | 是否禁用 | Boolean | false |
-
-#### Events
-
-| 事件名 | 说明 | 参数 |
-|--------|------|------|
-| copy | 复制成功 | (text) |
-| error | 复制失败 | (error) |
-
----
-
-## 本地开发
-
-```bash
-# 安装依赖
-npm install
-
-# 启动开发调试（examples 目录）
-npm run dev
-
-# 构建
-npm run build
-```
-
-新增组件步骤：
-
-1. 在 `src/components/` 下创建组件目录和 `index.vue`
-2. 在 `src/index.js` 中导入并注册
-3. 在 `examples/App.vue` 中添加使用示例
-4. `npm run dev` 调试验证
+# n20-project-component
+
+PC 端 Vue 2 + Element UI 通用组件库，用于公司内部项目复用。
+
+## 组件列表
+
+| 组件 | 说明 | 状态 |
+|------|------|------|
+| N20CopyText | 点击复制文本，弹出已复制反馈 | 已完成 |
+| N20FloatingToolbar | 选中文字后浮现操作工具条 | 已完成 |
+| N20BatchInput | 批量输入，粘贴自动拆分并写回逗号分隔字符串 | 已完成 |
+| N20FrequentWords | 常用词输入，自动记录到本地缓存 | 待开发 |
+
+## 安装
+
+```bash
+npm install n20-project-component
+```
+
+## 使用
+
+### 全量引入
+
+在 `main.js` 中：
+
+```javascript
+import Vue from 'vue'
+import N20Components from 'n20-project-component'
+import 'n20-project-component/dist/n20-project-component.css'
+
+Vue.use(N20Components)
+```
+
+### 按需引入
+
+```javascript
+import Vue from 'vue'
+import {
+	N20CopyText,
+	N20FloatingToolbar,
+	N20BatchInput,
+} from 'n20-project-component'
+import 'n20-project-component/dist/n20-project-component.css'
+
+Vue.component('N20CopyText', N20CopyText)
+Vue.component('N20FloatingToolbar', N20FloatingToolbar)
+Vue.component('N20BatchInput', N20BatchInput)
+```
+
+## 组件示例
+
+### N20CopyText
+
+```vue
+<N20CopyText text="BILL-2024-001">BILL-2024-001</N20CopyText>
+```
+
+### N20FloatingToolbar
+
+```vue
+<N20FloatingToolbar
+	:actions="[
+		{ label: '复制', command: 'copy' },
+		{ label: '搜索', command: 'search' }
+	]"
+	@action="handleToolbarAction"
+>
+	<div>这里是可选中文本区域</div>
+</N20FloatingToolbar>
+```
+
+### N20BatchInput
+
+```vue
+<N20BatchInput
+	v-model="batchValue"
+	:max="100"
+	placeholder="点击输入批量数据"
+/>
+```
+
+说明：
+- 触发方式为输入框右侧编辑图标或点击输入框。
+- 支持从 Excel 粘贴，按换行、Tab、英文逗号、中文逗号拆分。
+- 超出最大条数时禁止确认。
+- 确认后通过 `v-model` 回写逗号分隔字符串。
+
+## 本地开发
+
+```bash
+# 安装依赖
+npm install
+
+# 启动示例调试
+npm run dev
+
+# 构建组件库
+npm run build
+```
+
+## 构建产物
+
+构建后产物位于 `dist/`：
+
+```text
+dist/
+├── n20-project-component.umd.min.js
+├── n20-project-component.umd.js
+├── n20-project-component.common.js
+└── n20-project-component.css
+```

package/dist/img/document.7be80bd0.svg

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>页面</title>
+    <g id="页面" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <rect id="矩形" fill="#000000" fill-rule="nonzero" opacity="0" x="0" y="0" width="20" height="20"></rect>
+        <path d="M16.6914062,5.63867188 C16.8085938,5.75585938 16.875,5.9140625 16.875,6.08007812 L16.875,18.125 C16.875,18.4707031 16.5957031,18.75 16.25,18.75 L3.75,18.75 C3.40429688,18.75 3.125,18.4707031 3.125,18.125 L3.125,1.875 C3.125,1.52929688 3.40429688,1.25 3.75,1.25 L12.0449219,1.25 C12.2109375,1.25 12.3710938,1.31640625 12.4882813,1.43359375 L16.6914062,5.63867188 Z M15.4335938,6.3671875 L11.7578125,2.69140625 L11.7578125,6.3671875 L15.4335938,6.3671875 Z M6.25,9.4140625 C6.16370551,9.4140625 6.09375,9.48401801 6.09375,9.5703125 L6.09375,10.5078125 C6.09375,10.594107 6.16370551,10.6640625 6.25,10.6640625 L13.75,10.6640625 C13.8362945,10.6640625 13.90625,10.594107 13.90625,10.5078125 L13.90625,9.5703125 C13.90625,9.48401801 13.8362945,9.4140625 13.75,9.4140625 L6.25,9.4140625 Z M6.25,12.0703125 C6.16370551,12.0703125 6.09375,12.140268 6.09375,12.2265625 L6.09375,13.1640625 C6.09375,13.250357 6.16370551,13.3203125 6.25,13.3203125 L9.84375,13.3203125 C9.93004449,13.3203125 10,13.250357 10,13.1640625 L10,12.2265625 C10,12.140268 9.93004449,12.0703125 9.84375,12.0703125 L6.25,12.0703125 Z" id="形状" fill="#1677FF" fill-rule="nonzero"></path>
+    </g>
+</svg>

package/dist/img/folder.4094ac0a.svg

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>文件</title>
+    <g id="文件" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <rect id="矩形" fill="#000000" fill-rule="nonzero" opacity="0" x="0" y="0" width="20" height="20"></rect>
+        <rect id="矩形" fill="#FFBF00" opacity="0.300000012" x="3" y="4" width="14" height="11"></rect>
+        <path d="M17.1875,5.828125 L10.1757812,5.828125 L7.88476562,3.63671875 C7.85546875,3.609375 7.81640625,3.59375 7.77734375,3.59375 L2.8125,3.59375 C2.46679688,3.59375 2.1875,3.87304688 2.1875,4.21875 L2.1875,15.78125 C2.1875,16.1269531 2.46679688,16.40625 2.8125,16.40625 L17.1875,16.40625 C17.5332031,16.40625 17.8125,16.1269531 17.8125,15.78125 L17.8125,6.453125 C17.8125,6.10742188 17.5332031,5.828125 17.1875,5.828125 Z" id="路径" fill="#FFBF00" fill-rule="nonzero"></path>
+    </g>
+</svg>

package/dist/img/plus.c03dbfda.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8.66626 7.33398H14.6663V8.66699H8.66626V14.667H7.33325V8.66699H1.33325V7.33398H7.33325V1.33398H8.66626V7.33398Z" fill="#4E5969"/>
+</svg>