n20-project-component 1.0.1 → 1.0.3

package/dist/n20-project-component.umd.js

@@ -105,6 +105,13 @@ return /******/ (function(modules) { // webpackBootstrap
 /* unused harmony reexport * */
 
 
+/***/ }),
+
+/***/ "141c":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
 /***/ }),
 
 /***/ "3f46":
@@ -116,6 +123,24 @@ return /******/ (function(modules) { // webpackBootstrap
 /* unused harmony reexport * */
 
 
+/***/ }),
+
+/***/ "b006":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_7_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_style_index_0_id_081f8b8a_prod_scoped_true_lang_css__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("141c");
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_7_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_style_index_0_id_081f8b8a_prod_scoped_true_lang_css__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_7_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_style_index_0_id_081f8b8a_prod_scoped_true_lang_css__WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
+/***/ }),
+
+/***/ "b553":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
 /***/ }),
 
 /***/ "c5db":
@@ -123,6 +148,17 @@ return /******/ (function(modules) { // webpackBootstrap
 
 // extracted by mini-css-extract-plugin
 
+/***/ }),
+
+/***/ "e863":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_style_index_0_id_1b434c24_prod_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("b553");
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_style_index_0_id_1b434c24_prod_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_style_index_0_id_1b434c24_prod_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "f14e":
@@ -142,6 +178,8 @@ __webpack_require__.r(__webpack_exports__);
 // EXPORTS
 __webpack_require__.d(__webpack_exports__, "DemoButton", function() { return /* reexport */ DemoButton; });
 __webpack_require__.d(__webpack_exports__, "N20CopyText", function() { return /* reexport */ N20CopyText; });
+__webpack_require__.d(__webpack_exports__, "N20FloatingToolbar", function() { return /* reexport */ N20FloatingToolbar; });
+__webpack_require__.d(__webpack_exports__, "N20BatchInput", function() { return /* reexport */ N20BatchInput; });
 
 // CONCATENATED MODULE: ./node_modules/@vue/cli-service/lib/commands/build/setPublicPath.js
 // This file is imported into lib/wc client bundles.
@@ -159,7 +197,7 @@ if (typeof window !== 'undefined') {
 // Indicate to webpack that this file can be concatenated
 /* harmony default export */ var setPublicPath = (null);
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"733de36c-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/DemoButton/index.vue?vue&type=template&id=1c0b7107&scoped=true
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"45186dc4-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/DemoButton/index.vue?vue&type=template&id=1c0b7107&scoped=true
 var render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -183,7 +221,7 @@ var staticRenderFns = [];
 
 // CONCATENATED MODULE: ./src/components/DemoButton/index.vue?vue&type=template&id=1c0b7107&scoped=true
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/DemoButton/index.vue?vue&type=script&lang=js
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/DemoButton/index.vue?vue&type=script&lang=js
 /**
  * DemoButton - 示例按钮组件
  *
@@ -356,7 +394,7 @@ var component = normalizeComponent(
 )
 
 /* harmony default export */ var DemoButton = (component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"733de36c-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/N20CopyText/index.vue?vue&type=template&id=35583176&scoped=true
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"45186dc4-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/N20CopyText/index.vue?vue&type=template&id=35583176&scoped=true
 var N20CopyTextvue_type_template_id_35583176_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -384,7 +422,7 @@ var N20CopyTextvue_type_template_id_35583176_scoped_true_staticRenderFns = [];
 
 // CONCATENATED MODULE: ./src/components/N20CopyText/index.vue?vue&type=template&id=35583176&scoped=true
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/N20CopyText/index.vue?vue&type=script&lang=js
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/N20CopyText/index.vue?vue&type=script&lang=js
 /**
  * N20CopyText - 点击复制文本组件
  *
@@ -494,6 +532,504 @@ var N20CopyText_component = normalizeComponent(
 )
 
 /* harmony default export */ var N20CopyText = (N20CopyText_component.exports);
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"45186dc4-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/N20FloatingToolbar/index.vue?vue&type=template&id=1b434c24&scoped=true
+var N20FloatingToolbarvue_type_template_id_1b434c24_scoped_true_render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c('div', {
+    ref: "wrapper",
+    staticClass: "n20-floating-toolbar-wrapper",
+    on: {
+      "mouseup": _vm.handleMouseUp
+    }
+  }, [_vm._t("default"), _c('transition', {
+    attrs: {
+      "name": "n20-toolbar-fade"
+    }
+  }, [_vm.visible ? _c('div', {
+    ref: "toolbar",
+    staticClass: "n20-floating-toolbar",
+    style: _vm.toolbarStyle,
+    on: {
+      "mousedown": function ($event) {
+        $event.preventDefault();
+      }
+    }
+  }, [_c('div', {
+    staticClass: "n20-floating-toolbar__arrow"
+  }), _c('div', {
+    staticClass: "n20-floating-toolbar__body"
+  }, [_vm._l(_vm.actions, function (btn, idx) {
+    return _c('button', {
+      key: idx,
+      staticClass: "n20-floating-toolbar__btn",
+      attrs: {
+        "title": btn.label
+      },
+      on: {
+        "click": function ($event) {
+          $event.stopPropagation();
+          return _vm.handleAction(btn, idx);
+        }
+      }
+    }, [btn.icon ? _c('i', {
+      class: btn.icon
+    }) : _vm._e(), btn.label && _vm.showLabel ? _c('span', [_vm._v(_vm._s(btn.label))]) : _vm._e()]);
+  }), _vm._t("toolbar", null, {
+    "selectedText": _vm.selectedText
+  })], 2)]) : _vm._e()])], 2);
+};
+var N20FloatingToolbarvue_type_template_id_1b434c24_scoped_true_staticRenderFns = [];
+
+// CONCATENATED MODULE: ./src/components/N20FloatingToolbar/index.vue?vue&type=template&id=1b434c24&scoped=true
+
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/N20FloatingToolbar/index.vue?vue&type=script&lang=js
+/**
+ * N20FloatingToolbar — 选中浮现工具栏
+ *
+ * 包裹内容区域，用户选中文字后在选区上方浮现操作按钮条。
+ * 鼠标拖选文字松开后，选区上方浮现深色工具条，
+ * 点击按钮触发事件，点其他地方消失。
+ *
+ * @example
+ * <N20FloatingToolbar
+ *   :actions="[
+ *     { label: '复制', icon: 'el-icon-document-copy' },
+ *     { label: '搜索', icon: 'el-icon-search' },
+ *     { label: '高亮', icon: 'el-icon-edit' },
+ *   ]"
+ *   @action="handleToolbarAction"
+ * >
+ *   <p>这里是一段可以被选中的文本内容...</p>
+ * </N20FloatingToolbar>
+ */
+/* harmony default export */ var N20FloatingToolbarvue_type_script_lang_js = ({
+  name: 'N20FloatingToolbar',
+  props: {
+    /**
+     * 工具栏按钮列表
+     * 每项 { label: string, icon?: string, command?: string }
+     */
+    actions: {
+      type: Array,
+      default: () => [{
+        label: '复制',
+        icon: 'el-icon-document-copy',
+        command: 'copy'
+      }, {
+        label: '搜索',
+        icon: 'el-icon-search',
+        command: 'search'
+      }, {
+        label: '高亮',
+        icon: 'el-icon-edit',
+        command: 'highlight'
+      }]
+    },
+    /** 是否在按钮中显示文字标签 */
+    showLabel: {
+      type: Boolean,
+      default: true
+    },
+    /** 工具栏与选区的垂直间距（px） */
+    offset: {
+      type: Number,
+      default: 8
+    },
+    /** 是否禁用 */
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    /** 选中最少字符数才触发 */
+    minLength: {
+      type: Number,
+      default: 1
+    }
+  },
+  data() {
+    return {
+      visible: false,
+      selectedText: '',
+      toolbarStyle: {
+        top: '0px',
+        left: '0px'
+      }
+    };
+  },
+  mounted() {
+    // 监听全局点击 → 隐藏工具栏
+    this._onDocClick = e => {
+      if (this.visible && this.$refs.toolbar && !this.$refs.toolbar.contains(e.target)) {
+        this.hide();
+      }
+    };
+    // 监听滚动 → 隐藏工具栏
+    this._onScroll = () => {
+      if (this.visible) {
+        this.hide();
+      }
+    };
+    document.addEventListener('mousedown', this._onDocClick, true);
+    window.addEventListener('scroll', this._onScroll, true);
+  },
+  beforeDestroy() {
+    document.removeEventListener('mousedown', this._onDocClick, true);
+    window.removeEventListener('scroll', this._onScroll, true);
+  },
+  methods: {
+    /** 鼠标松开时判断是否有选区 */
+    handleMouseUp() {
+      if (this.disabled) return;
+
+      // 延迟一帧让浏览器完成选区更新
+      this.$nextTick(() => {
+        setTimeout(() => {
+          this.checkSelection();
+        }, 0);
+      });
+    },
+    /** 检测当前选区 */
+    checkSelection() {
+      const selection = window.getSelection();
+      if (!selection || selection.isCollapsed || !selection.toString().trim()) {
+        this.hide();
+        return;
+      }
+      const text = selection.toString().trim();
+      if (text.length < this.minLength) {
+        this.hide();
+        return;
+      }
+
+      // 确保选区在 wrapper 内
+      const wrapper = this.$refs.wrapper;
+      if (!wrapper) return;
+      const range = selection.getRangeAt(0);
+      if (!wrapper.contains(range.commonAncestorContainer)) {
+        this.hide();
+        return;
+      }
+      this.selectedText = text;
+      this.positionToolbar(range);
+      this.visible = true;
+    },
+    /** 根据选区 Range 定位工具栏 */
+    positionToolbar(range) {
+      const rect = range.getBoundingClientRect();
+      const wrapperRect = this.$refs.wrapper.getBoundingClientRect();
+
+      // 工具栏居中于选区上方
+      const left = rect.left + rect.width / 2 - wrapperRect.left;
+      const top = rect.top - wrapperRect.top - this.offset;
+      this.toolbarStyle = {
+        left: `${left}px`,
+        top: `${top}px`
+      };
+    },
+    /** 点击按钮 */
+    handleAction(btn, idx) {
+      this.$emit('action', {
+        command: btn.command || btn.label,
+        label: btn.label,
+        index: idx,
+        text: this.selectedText
+      });
+
+      // 内置 copy 行为
+      if (btn.command === 'copy') {
+        this.doCopy(this.selectedText);
+      }
+      this.hide();
+    },
+    /** 复制文本到剪贴板 */
+    async doCopy(text) {
+      try {
+        if (navigator.clipboard && window.isSecureContext) {
+          await navigator.clipboard.writeText(text);
+        } else {
+          const textarea = document.createElement('textarea');
+          textarea.value = text;
+          textarea.style.position = 'fixed';
+          textarea.style.left = '-9999px';
+          document.body.appendChild(textarea);
+          textarea.select();
+          document.execCommand('copy');
+          document.body.removeChild(textarea);
+        }
+        this.$message && this.$message.success('已复制');
+      } catch (err) {
+        this.$message && this.$message.error('复制失败');
+      }
+    },
+    /** 隐藏工具栏 */
+    hide() {
+      this.visible = false;
+      this.selectedText = '';
+    },
+    /** 外部可调用：手动显示 */
+    show() {
+      this.checkSelection();
+    }
+  }
+});
+// CONCATENATED MODULE: ./src/components/N20FloatingToolbar/index.vue?vue&type=script&lang=js
+ /* harmony default export */ var components_N20FloatingToolbarvue_type_script_lang_js = (N20FloatingToolbarvue_type_script_lang_js); 
+// EXTERNAL MODULE: ./src/components/N20FloatingToolbar/index.vue?vue&type=style&index=0&id=1b434c24&prod&lang=scss&scoped=true
+var N20FloatingToolbarvue_type_style_index_0_id_1b434c24_prod_lang_scss_scoped_true = __webpack_require__("e863");
+
+// CONCATENATED MODULE: ./src/components/N20FloatingToolbar/index.vue
+
+
+
+
+
+
+/* normalize component */
+
+var N20FloatingToolbar_component = normalizeComponent(
+  components_N20FloatingToolbarvue_type_script_lang_js,
+  N20FloatingToolbarvue_type_template_id_1b434c24_scoped_true_render,
+  N20FloatingToolbarvue_type_template_id_1b434c24_scoped_true_staticRenderFns,
+  false,
+  null,
+  "1b434c24",
+  null
+  
+)
+
+/* harmony default export */ var N20FloatingToolbar = (N20FloatingToolbar_component.exports);
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"45186dc4-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/N20BatchInput/index.vue?vue&type=template&id=081f8b8a&scoped=true
+var N20BatchInputvue_type_template_id_081f8b8a_scoped_true_render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c('div', {
+    staticClass: "n20-batch-input"
+  }, [_c('el-input', {
+    staticClass: "n20-batch-input__trigger",
+    attrs: {
+      "value": _vm.displayValue,
+      "placeholder": _vm.placeholder,
+      "disabled": _vm.disabled,
+      "readonly": ""
+    },
+    nativeOn: {
+      "click": function ($event) {
+        return _vm.handleOpen.apply(null, arguments);
+      }
+    }
+  }, [_c('template', {
+    slot: "suffix"
+  }, [_c('span', {
+    staticClass: "n20-batch-input__suffix"
+  }, [_vm.value && !_vm.disabled ? _c('i', {
+    staticClass: "el-icon-circle-close n20-batch-input__clear",
+    on: {
+      "click": function ($event) {
+        $event.stopPropagation();
+        return _vm.handleClear.apply(null, arguments);
+      }
+    }
+  }) : _vm._e(), _c('i', {
+    staticClass: "el-icon-edit-outline n20-batch-input__edit",
+    on: {
+      "click": function ($event) {
+        $event.stopPropagation();
+        return _vm.handleOpen.apply(null, arguments);
+      }
+    }
+  })])])], 2), _c('el-dialog', {
+    attrs: {
+      "title": _vm.dialogTitle,
+      "visible": _vm.dialogVisible,
+      "width": "520px",
+      "close-on-click-modal": false
+    },
+    on: {
+      "update:visible": function ($event) {
+        _vm.dialogVisible = $event;
+      },
+      "open": _vm.handleDialogOpen,
+      "closed": _vm.handleDialogClosed
+    }
+  }, [_c('div', {
+    staticClass: "n20-batch-input__body"
+  }, [_c('el-input', {
+    attrs: {
+      "type": "textarea",
+      "rows": 10,
+      "placeholder": _vm.textareaPlaceholder
+    },
+    on: {
+      "input": _vm.handleTextareaInput
+    },
+    model: {
+      value: _vm.draftText,
+      callback: function ($$v) {
+        _vm.draftText = $$v;
+      },
+      expression: "draftText"
+    }
+  }), _c('div', {
+    staticClass: "n20-batch-input__counter",
+    class: {
+      'is-over': _vm.isOverLimit
+    }
+  }, [_vm.isOverLimit ? _c('span', {
+    staticClass: "n20-batch-input__error"
+  }, [_vm._v(" 已超出最大条数 " + _vm._s(_vm.max) + "，请删减后提交 ")]) : _vm._e(), _c('span', {
+    staticClass: "n20-batch-input__count"
+  }, [_vm._v(" 当前 " + _vm._s(_vm.parsedItems.length) + " 条 / 最大 " + _vm._s(_vm.max) + " 条 ")])])], 1), _c('div', {
+    attrs: {
+      "slot": "footer"
+    },
+    slot: "footer"
+  }, [_c('el-button', {
+    on: {
+      "click": function ($event) {
+        _vm.dialogVisible = false;
+      }
+    }
+  }, [_vm._v("取 消")]), _c('el-button', {
+    attrs: {
+      "type": "primary",
+      "disabled": _vm.isOverLimit
+    },
+    on: {
+      "click": _vm.handleConfirm
+    }
+  }, [_vm._v(" 确 认 ")])], 1)])], 1);
+};
+var N20BatchInputvue_type_template_id_081f8b8a_scoped_true_staticRenderFns = [];
+
+// CONCATENATED MODULE: ./src/components/N20BatchInput/index.vue?vue&type=template&id=081f8b8a&scoped=true
+
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/N20BatchInput/index.vue?vue&type=script&lang=js
+/**
+ * N20BatchInput - 批量输入组件
+ *
+ * 点击输入框打开弹窗，支持从 Excel 粘贴内容，自动按换行/制表符/逗号拆分为多个条目。
+ * v-model 绑定逗号分隔的字符串。
+ *
+ * @example
+ * <N20BatchInput v-model="batchValue" :max="50" />
+ */
+/* harmony default export */ var N20BatchInputvue_type_script_lang_js = ({
+  name: 'N20BatchInput',
+  model: {
+    prop: 'value',
+    event: 'input'
+  },
+  props: {
+    /** v-model 绑定值，逗号分隔字符串 */
+    value: {
+      type: String,
+      default: ''
+    },
+    /** 最大条数限制 */
+    max: {
+      type: Number,
+      default: 100
+    },
+    /** 输入框占位符 */
+    placeholder: {
+      type: String,
+      default: '请输入'
+    },
+    /** 弹窗标题 */
+    dialogTitle: {
+      type: String,
+      default: '批量输入'
+    },
+    /** 文本域占位符 */
+    textareaPlaceholder: {
+      type: String,
+      default: '支持从 Excel 粘贴，每行 / 逗号 / Tab 自动识别为一条'
+    },
+    /** 是否禁用 */
+    disabled: {
+      type: Boolean,
+      default: false
+    }
+  },
+  data() {
+    return {
+      dialogVisible: false,
+      draftText: '',
+      parsedItems: []
+    };
+  },
+  computed: {
+    displayValue() {
+      return this.value || '';
+    },
+    isOverLimit() {
+      return this.parsedItems.length > this.max;
+    }
+  },
+  methods: {
+    handleOpen() {
+      if (this.disabled) return;
+      this.dialogVisible = true;
+    },
+    handleDialogOpen() {
+      // 将当前 value 还原为每行一条
+      if (this.value) {
+        const items = this.value.split(',').map(s => s.trim()).filter(Boolean);
+        this.draftText = items.join('\n');
+        this.parsedItems = items;
+      } else {
+        this.draftText = '';
+        this.parsedItems = [];
+      }
+    },
+    handleDialogClosed() {
+      this.draftText = '';
+      this.parsedItems = [];
+    },
+    handleTextareaInput(val) {
+      const items = val.split(/[\n\r\t,，]+/).map(s => s.trim()).filter(Boolean);
+      this.parsedItems = items;
+    },
+    handleConfirm() {
+      if (this.isOverLimit) return;
+      const result = this.parsedItems.join(',');
+      this.$emit('input', result);
+      this.$emit('change', result);
+      this.dialogVisible = false;
+    },
+    handleClear() {
+      this.$emit('input', '');
+      this.$emit('change', '');
+    }
+  }
+});
+// CONCATENATED MODULE: ./src/components/N20BatchInput/index.vue?vue&type=script&lang=js
+ /* harmony default export */ var components_N20BatchInputvue_type_script_lang_js = (N20BatchInputvue_type_script_lang_js); 
+// EXTERNAL MODULE: ./src/components/N20BatchInput/index.vue?vue&type=style&index=0&id=081f8b8a&prod&scoped=true&lang=css
+var N20BatchInputvue_type_style_index_0_id_081f8b8a_prod_scoped_true_lang_css = __webpack_require__("b006");
+
+// CONCATENATED MODULE: ./src/components/N20BatchInput/index.vue
+
+
+
+
+
+
+/* normalize component */
+
+var N20BatchInput_component = normalizeComponent(
+  components_N20BatchInputvue_type_script_lang_js,
+  N20BatchInputvue_type_template_id_081f8b8a_scoped_true_render,
+  N20BatchInputvue_type_template_id_081f8b8a_scoped_true_staticRenderFns,
+  false,
+  null,
+  "081f8b8a",
+  null
+  
+)
+
+/* harmony default export */ var N20BatchInput = (N20BatchInput_component.exports);
 // CONCATENATED MODULE: ./src/index.js
 /**
  * n20-project-component
@@ -504,10 +1040,14 @@ var N20CopyText_component = normalizeComponent(
 
 
 
+
+
 // ========== 组件列表 ==========
 const components = {
   DemoButton: DemoButton,
-  N20CopyText: N20CopyText
+  N20CopyText: N20CopyText,
+  N20FloatingToolbar: N20FloatingToolbar,
+  N20BatchInput: N20BatchInput
 };
 
 // ========== 按需导出 ==========

package/dist/n20-project-component.umd.min.js

@@ -1 +1 @@
-(function(e,t){"object"===typeof exports&&"object"===typeof module?module.exports=t():"function"===typeof define&&define.amd?define([],t):"object"===typeof exports?exports["n20-project-component"]=t():e["n20-project-component"]=t()})("undefined"!==typeof self?self:this,(function(){return function(e){var t={};function n(o){if(t[o])return t[o].exports;var i=t[o]={i:o,l:!1,exports:{}};return e[o].call(i.exports,i,i.exports,n),i.l=!0,i.exports}return n.m=e,n.c=t,n.d=function(e,t,o){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:o})},n.r=function(e){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"===typeof e&&e&&e.__esModule)return e;var o=Object.create(null);if(n.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var i in e)n.d(o,i,function(t){return e[t]}.bind(null,i));return o},n.n=function(e){var t=e&&e.__esModule?function(){return e["default"]}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s="fb15")}({"021e":function(e,t,n){"use strict";n("f14e")},"3f46":function(e,t,n){"use strict";n("c5db")},c5db:function(e,t,n){},f14e:function(e,t,n){},fb15:function(e,t,n){"use strict";if(n.r(t),n.d(t,"DemoButton",(function(){return d})),n.d(t,"N20CopyText",(function(){return _})),"undefined"!==typeof window){var o=window.document.currentScript,i=o&&o.src.match(/(.+\/)[^/]+\.js(\?.*)?$/);i&&(n.p=i[1])}var r=function(){var e=this,t=e._self._c;return t("el-button",{staticClass:"n20-demo-button",attrs:{type:e.type,size:e.size,disabled:e.disabled,loading:e.loading,icon:e.icon},on:{click:e.handleClick}},[e._t("default",(function(){return[e._v(e._s(e.text))]}))],2)},s=[],c={name:"N20DemoButton",props:{text:{type:String,default:"按钮"},type:{type:String,default:"primary"},size:{type:String,default:""},disabled:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},icon:{type:String,default:""}},methods:{handleClick(e){this.$emit("click",e)}}},a=c;n("021e");function u(e,t,n,o,i,r,s,c){var a,u="function"===typeof e?e.options:e;if(t&&(u.render=t,u.staticRenderFns=n,u._compiled=!0),o&&(u.functional=!0),r&&(u._scopeId="data-v-"+r),s?(a=function(e){e=e||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,e||"undefined"===typeof __VUE_SSR_CONTEXT__||(e=__VUE_SSR_CONTEXT__),i&&i.call(this,e),e&&e._registeredComponents&&e._registeredComponents.add(s)},u._ssrRegister=a):i&&(a=c?function(){i.call(this,(u.functional?this.parent:this).$root.$options.shadowRoot)}:i),a)if(u.functional){u._injectStyles=a;var l=u.render;u.render=function(e,t){return a.call(t),l(e,t)}}else{var d=u.beforeCreate;u.beforeCreate=d?[].concat(d,a):[a]}return{exports:e,options:u}}var l=u(a,r,s,!1,null,"1c0b7107",null),d=l.exports,f=function(){var e=this,t=e._self._c;return t("span",{staticClass:"n20-copy-text",on:{click:function(t){return t.stopPropagation(),e.handleCopy.apply(null,arguments)}}},[t("span",{ref:"content",staticClass:"n20-copy-text__content"},[e._t("default",(function(){return[e._v(e._s(e.text))]}))],2),e.showIcon?t("i",{class:["n20-copy-text__icon",e.copied?"el-icon-check":"el-icon-document-copy"],style:{order:"left"===e.iconPosition?-1:1}}):e._e()])},p=[],y={name:"N20CopyText",props:{text:{type:[String,Number],default:""},successTip:{type:String,default:"已复制"},showIcon:{type:Boolean,default:!0},iconPosition:{type:String,default:"right",validator:e=>["left","right"].includes(e)},disabled:{type:Boolean,default:!1}},data(){return{copied:!1,timer:null}},beforeDestroy(){clearTimeout(this.timer)},methods:{async handleCopy(){if(this.disabled||this.copied)return;const e=this.text||this.$refs.content&&this.$refs.content.innerText||"";if(e)try{if(navigator.clipboard&&window.isSecureContext)await navigator.clipboard.writeText(String(e));else{const t=document.createElement("textarea");t.value=String(e),t.style.position="fixed",t.style.left="-9999px",document.body.appendChild(t),t.select(),document.execCommand("copy"),document.body.removeChild(t)}this.copied=!0,this.$message.success(this.successTip),this.$emit("copy",String(e)),this.timer=setTimeout(()=>{this.copied=!1},2e3)}catch(t){this.$message.error("复制失败"),this.$emit("error",t)}}}},m=y,h=(n("3f46"),u(m,f,p,!1,null,"35583176",null)),_=h.exports;const b={DemoButton:d,N20CopyText:_},x=e=>{x.installed||(x.installed=!0,Object.values(b).forEach(t=>{e.component(t.name,t)}))};"undefined"!==typeof window&&window.Vue&&x(window.Vue);var v={install:x,...b};t["default"]=v}})}));
+(function(t,e){"object"===typeof exports&&"object"===typeof module?module.exports=e():"function"===typeof define&&define.amd?define([],e):"object"===typeof exports?exports["n20-project-component"]=e():t["n20-project-component"]=e()})("undefined"!==typeof self?self:this,(function(){return function(t){var e={};function n(i){if(e[i])return e[i].exports;var o=e[i]={i:i,l:!1,exports:{}};return t[i].call(o.exports,o,o.exports,n),o.l=!0,o.exports}return n.m=t,n.c=e,n.d=function(t,e,i){n.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:i})},n.r=function(t){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},n.t=function(t,e){if(1&e&&(t=n(t)),8&e)return t;if(4&e&&"object"===typeof t&&t&&t.__esModule)return t;var i=Object.create(null);if(n.r(i),Object.defineProperty(i,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var o in t)n.d(i,o,function(e){return t[e]}.bind(null,o));return i},n.n=function(t){var e=t&&t.__esModule?function(){return t["default"]}:function(){return t};return n.d(e,"a",e),e},n.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},n.p="",n(n.s="fb15")}({"021e":function(t,e,n){"use strict";n("f14e")},"141c":function(t,e,n){},"3f46":function(t,e,n){"use strict";n("c5db")},b006:function(t,e,n){"use strict";n("141c")},b553:function(t,e,n){},c5db:function(t,e,n){},e863:function(t,e,n){"use strict";n("b553")},f14e:function(t,e,n){},fb15:function(t,e,n){"use strict";if(n.r(e),n.d(e,"DemoButton",(function(){return u})),n.d(e,"N20CopyText",(function(){return y})),n.d(e,"N20FloatingToolbar",(function(){return w})),n.d(e,"N20BatchInput",(function(){return j})),"undefined"!==typeof window){var i=window.document.currentScript,o=i&&i.src.match(/(.+\/)[^/]+\.js(\?.*)?$/);o&&(n.p=o[1])}var s=function(){var t=this,e=t._self._c;return e("el-button",{staticClass:"n20-demo-button",attrs:{type:t.type,size:t.size,disabled:t.disabled,loading:t.loading,icon:t.icon},on:{click:t.handleClick}},[t._t("default",(function(){return[t._v(t._s(t.text))]}))],2)},a=[],l={name:"N20DemoButton",props:{text:{type:String,default:"按钮"},type:{type:String,default:"primary"},size:{type:String,default:""},disabled:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},icon:{type:String,default:""}},methods:{handleClick(t){this.$emit("click",t)}}},r=l;n("021e");function c(t,e,n,i,o,s,a,l){var r,c="function"===typeof t?t.options:t;if(e&&(c.render=e,c.staticRenderFns=n,c._compiled=!0),i&&(c.functional=!0),s&&(c._scopeId="data-v-"+s),a?(r=function(t){t=t||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,t||"undefined"===typeof __VUE_SSR_CONTEXT__||(t=__VUE_SSR_CONTEXT__),o&&o.call(this,t),t&&t._registeredComponents&&t._registeredComponents.add(a)},c._ssrRegister=r):o&&(r=l?function(){o.call(this,(c.functional?this.parent:this).$root.$options.shadowRoot)}:o),r)if(c.functional){c._injectStyles=r;var d=c.render;c.render=function(t,e){return r.call(e),d(t,e)}}else{var u=c.beforeCreate;c.beforeCreate=u?[].concat(u,r):[r]}return{exports:t,options:c}}var d=c(r,s,a,!1,null,"1c0b7107",null),u=d.exports,p=function(){var t=this,e=t._self._c;return e("span",{staticClass:"n20-copy-text",on:{click:function(e){return e.stopPropagation(),t.handleCopy.apply(null,arguments)}}},[e("span",{ref:"content",staticClass:"n20-copy-text__content"},[t._t("default",(function(){return[t._v(t._s(t.text))]}))],2),t.showIcon?e("i",{class:["n20-copy-text__icon",t.copied?"el-icon-check":"el-icon-document-copy"],style:{order:"left"===t.iconPosition?-1:1}}):t._e()])},f=[],h={name:"N20CopyText",props:{text:{type:[String,Number],default:""},successTip:{type:String,default:"已复制"},showIcon:{type:Boolean,default:!0},iconPosition:{type:String,default:"right",validator:t=>["left","right"].includes(t)},disabled:{type:Boolean,default:!1}},data(){return{copied:!1,timer:null}},beforeDestroy(){clearTimeout(this.timer)},methods:{async handleCopy(){if(this.disabled||this.copied)return;const t=this.text||this.$refs.content&&this.$refs.content.innerText||"";if(t)try{if(navigator.clipboard&&window.isSecureContext)await navigator.clipboard.writeText(String(t));else{const e=document.createElement("textarea");e.value=String(t),e.style.position="fixed",e.style.left="-9999px",document.body.appendChild(e),e.select(),document.execCommand("copy"),document.body.removeChild(e)}this.copied=!0,this.$message.success(this.successTip),this.$emit("copy",String(t)),this.timer=setTimeout(()=>{this.copied=!1},2e3)}catch(e){this.$message.error("复制失败"),this.$emit("error",e)}}}},m=h,b=(n("3f46"),c(m,p,f,!1,null,"35583176",null)),y=b.exports,_=function(){var t=this,e=t._self._c;return e("div",{ref:"wrapper",staticClass:"n20-floating-toolbar-wrapper",on:{mouseup:t.handleMouseUp}},[t._t("default"),e("transition",{attrs:{name:"n20-toolbar-fade"}},[t.visible?e("div",{ref:"toolbar",staticClass:"n20-floating-toolbar",style:t.toolbarStyle,on:{mousedown:function(t){t.preventDefault()}}},[e("div",{staticClass:"n20-floating-toolbar__arrow"}),e("div",{staticClass:"n20-floating-toolbar__body"},[t._l(t.actions,(function(n,i){return e("button",{key:i,staticClass:"n20-floating-toolbar__btn",attrs:{title:n.label},on:{click:function(e){return e.stopPropagation(),t.handleAction(n,i)}}},[n.icon?e("i",{class:n.icon}):t._e(),n.label&&t.showLabel?e("span",[t._v(t._s(n.label))]):t._e()])})),t._t("toolbar",null,{selectedText:t.selectedText})],2)]):t._e()])],2)},g=[],v={name:"N20FloatingToolbar",props:{actions:{type:Array,default:()=>[{label:"复制",icon:"el-icon-document-copy",command:"copy"},{label:"搜索",icon:"el-icon-search",command:"search"},{label:"高亮",icon:"el-icon-edit",command:"highlight"}]},showLabel:{type:Boolean,default:!0},offset:{type:Number,default:8},disabled:{type:Boolean,default:!1},minLength:{type:Number,default:1}},data(){return{visible:!1,selectedText:"",toolbarStyle:{top:"0px",left:"0px"}}},mounted(){this._onDocClick=t=>{this.visible&&this.$refs.toolbar&&!this.$refs.toolbar.contains(t.target)&&this.hide()},this._onScroll=()=>{this.visible&&this.hide()},document.addEventListener("mousedown",this._onDocClick,!0),window.addEventListener("scroll",this._onScroll,!0)},beforeDestroy(){document.removeEventListener("mousedown",this._onDocClick,!0),window.removeEventListener("scroll",this._onScroll,!0)},methods:{handleMouseUp(){this.disabled||this.$nextTick(()=>{setTimeout(()=>{this.checkSelection()},0)})},checkSelection(){const t=window.getSelection();if(!t||t.isCollapsed||!t.toString().trim())return void this.hide();const e=t.toString().trim();if(e.length<this.minLength)return void this.hide();const n=this.$refs.wrapper;if(!n)return;const i=t.getRangeAt(0);n.contains(i.commonAncestorContainer)?(this.selectedText=e,this.positionToolbar(i),this.visible=!0):this.hide()},positionToolbar(t){const e=t.getBoundingClientRect(),n=this.$refs.wrapper.getBoundingClientRect(),i=e.left+e.width/2-n.left,o=e.top-n.top-this.offset;this.toolbarStyle={left:i+"px",top:o+"px"}},handleAction(t,e){this.$emit("action",{command:t.command||t.label,label:t.label,index:e,text:this.selectedText}),"copy"===t.command&&this.doCopy(this.selectedText),this.hide()},async doCopy(t){try{if(navigator.clipboard&&window.isSecureContext)await navigator.clipboard.writeText(t);else{const e=document.createElement("textarea");e.value=t,e.style.position="fixed",e.style.left="-9999px",document.body.appendChild(e),e.select(),document.execCommand("copy"),document.body.removeChild(e)}this.$message&&this.$message.success("已复制")}catch(e){this.$message&&this.$message.error("复制失败")}},hide(){this.visible=!1,this.selectedText=""},show(){this.checkSelection()}}},x=v,C=(n("e863"),c(x,_,g,!1,null,"1b434c24",null)),w=C.exports,T=function(){var t=this,e=t._self._c;return e("div",{staticClass:"n20-batch-input"},[e("el-input",{staticClass:"n20-batch-input__trigger",attrs:{value:t.displayValue,placeholder:t.placeholder,disabled:t.disabled,readonly:""},nativeOn:{click:function(e){return t.handleOpen.apply(null,arguments)}}},[e("template",{slot:"suffix"},[e("span",{staticClass:"n20-batch-input__suffix"},[t.value&&!t.disabled?e("i",{staticClass:"el-icon-circle-close n20-batch-input__clear",on:{click:function(e){return e.stopPropagation(),t.handleClear.apply(null,arguments)}}}):t._e(),e("i",{staticClass:"el-icon-edit-outline n20-batch-input__edit",on:{click:function(e){return e.stopPropagation(),t.handleOpen.apply(null,arguments)}}})])])],2),e("el-dialog",{attrs:{title:t.dialogTitle,visible:t.dialogVisible,width:"520px","close-on-click-modal":!1},on:{"update:visible":function(e){t.dialogVisible=e},open:t.handleDialogOpen,closed:t.handleDialogClosed}},[e("div",{staticClass:"n20-batch-input__body"},[e("el-input",{attrs:{type:"textarea",rows:10,placeholder:t.textareaPlaceholder},on:{input:t.handleTextareaInput},model:{value:t.draftText,callback:function(e){t.draftText=e},expression:"draftText"}}),e("div",{staticClass:"n20-batch-input__counter",class:{"is-over":t.isOverLimit}},[t.isOverLimit?e("span",{staticClass:"n20-batch-input__error"},[t._v(" 已超出最大条数 "+t._s(t.max)+"，请删减后提交 ")]):t._e(),e("span",{staticClass:"n20-batch-input__count"},[t._v(" 当前 "+t._s(t.parsedItems.length)+" 条 / 最大 "+t._s(t.max)+" 条 ")])])],1),e("div",{attrs:{slot:"footer"},slot:"footer"},[e("el-button",{on:{click:function(e){t.dialogVisible=!1}}},[t._v("取 消")]),e("el-button",{attrs:{type:"primary",disabled:t.isOverLimit},on:{click:t.handleConfirm}},[t._v(" 确 认 ")])],1)])],1)},S=[],$={name:"N20BatchInput",model:{prop:"value",event:"input"},props:{value:{type:String,default:""},max:{type:Number,default:100},placeholder:{type:String,default:"请输入"},dialogTitle:{type:String,default:"批量输入"},textareaPlaceholder:{type:String,default:"支持从 Excel 粘贴，每行 / 逗号 / Tab 自动识别为一条"},disabled:{type:Boolean,default:!1}},data(){return{dialogVisible:!1,draftText:"",parsedItems:[]}},computed:{displayValue(){return this.value||""},isOverLimit(){return this.parsedItems.length>this.max}},methods:{handleOpen(){this.disabled||(this.dialogVisible=!0)},handleDialogOpen(){if(this.value){const t=this.value.split(",").map(t=>t.trim()).filter(Boolean);this.draftText=t.join("\n"),this.parsedItems=t}else this.draftText="",this.parsedItems=[]},handleDialogClosed(){this.draftText="",this.parsedItems=[]},handleTextareaInput(t){const e=t.split(/[\n\r\t,，]+/).map(t=>t.trim()).filter(Boolean);this.parsedItems=e},handleConfirm(){if(this.isOverLimit)return;const t=this.parsedItems.join(",");this.$emit("input",t),this.$emit("change",t),this.dialogVisible=!1},handleClear(){this.$emit("input",""),this.$emit("change","")}}},k=$,O=(n("b006"),c(k,T,S,!1,null,"081f8b8a",null)),j=O.exports;const B={DemoButton:u,N20CopyText:y,N20FloatingToolbar:w,N20BatchInput:j},I=t=>{I.installed||(I.installed=!0,Object.values(B).forEach(e=>{t.component(e.name,e)}))};"undefined"!==typeof window&&window.Vue&&I(window.Vue);var N={install:I,...B};e["default"]=N}})}));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "n20-project-component",
-  "version": "1.0.1",
+  "version": "1.0.3",
   "description": "PC 端 Vue 2 + Element UI 组件库",
   "main": "dist/n20-project-component.umd.min.js",
   "module": "dist/n20-project-component.common.js",