@zscreate/form-component 1.1.677 → 1.1.679

package/dist/form-component.css

@@ -8244,25 +8244,25 @@ div {
   background: rgba(24, 144, 255, 0.6);
 }
 
-.ai-fill-form .form-item[data-v-4ef187f3] {
+.ai-fill-form .form-item[data-v-0ff35be0] {
   margin-bottom: 20px;
 }
-.ai-fill-form .form-item .label[data-v-4ef187f3] {
+.ai-fill-form .form-item .label[data-v-0ff35be0] {
   font-size: 14px;
   color: #333;
   margin-bottom: 8px;
   font-weight: 500;
 }
-.ai-fill-form .progress-info[data-v-4ef187f3] {
+.ai-fill-form .progress-info[data-v-0ff35be0] {
   margin-bottom: 20px;
 }
-.ai-fill-form .progress-info .progress-text[data-v-4ef187f3] {
+.ai-fill-form .progress-info .progress-text[data-v-0ff35be0] {
   margin-top: 8px;
   font-size: 13px;
   color: #666;
   text-align: center;
 }
-.ai-fill-form .result-list[data-v-4ef187f3] {
+.ai-fill-form .result-list[data-v-0ff35be0] {
   margin-bottom: 20px;
   padding: 16px;
   background: #f5f5f5;
@@ -8270,33 +8270,33 @@ div {
   max-height: 300px;
   overflow-y: auto;
 }
-.ai-fill-form .result-list .result-title[data-v-4ef187f3] {
+.ai-fill-form .result-list .result-title[data-v-0ff35be0] {
   font-size: 14px;
   font-weight: 500;
   color: #333;
   margin-bottom: 12px;
 }
-.ai-fill-form .result-list .result-item[data-v-4ef187f3] {
+.ai-fill-form .result-list .result-item[data-v-0ff35be0] {
   padding: 8px 0;
   border-bottom: 1px dashed #e0e0e0;
   font-size: 13px;
 }
-.ai-fill-form .result-list .result-item[data-v-4ef187f3]:last-child {
+.ai-fill-form .result-list .result-item[data-v-0ff35be0]:last-child {
   border-bottom: none;
 }
-.ai-fill-form .result-list .result-item .field-name[data-v-4ef187f3] {
+.ai-fill-form .result-list .result-item .field-name[data-v-0ff35be0] {
   color: #666;
   margin-right: 8px;
 }
-.ai-fill-form .result-list .result-item .field-value[data-v-4ef187f3] {
+.ai-fill-form .result-list .result-item .field-value[data-v-0ff35be0] {
   color: #1890ff;
   font-weight: 500;
 }
-.ai-fill-form .result-list .result-item .field-value.empty-value[data-v-4ef187f3] {
+.ai-fill-form .result-list .result-item .field-value.empty-value[data-v-0ff35be0] {
   color: #999;
   font-style: italic;
 }
-.ai-fill-form .footer-btns[data-v-4ef187f3] {
+.ai-fill-form .footer-btns[data-v-0ff35be0] {
   display: flex;
   justify-content: flex-end;
   gap: 10px;

package/dist/form-component.umd.js

@@ -6820,7 +6820,7 @@ if (Uint8Array) $({ target: 'Uint8Array', proto: true, forced: INCORRECT_BEHAVIO
 /***/ ((module) => {
 
 "use strict";
-module.exports = {"rE":"1.1.677"};
+module.exports = {"rE":"1.1.679"};
 
 /***/ }),
 
@@ -186967,9 +186967,9 @@ function useSsoStatus(options) {
     }
   };
 }
-;// ./node_modules/_vue-loader@15.11.1@vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/_vue-loader@15.11.1@vue-loader/lib/index.js??vue-loader-options!./src/components/AIAutoFillForm/AIAutoFillForm.vue?vue&type=template&id=4ef187f3&scoped=true
-var AIAutoFillFormvue_type_template_id_4ef187f3_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('a-modal',{attrs:{"width":"800px","title":"AI填表","ok-text":"确认","cancel-text":"取消","maskClosable":false,"footer":null},on:{"ok":_vm.handleOk,"cancel":_vm.handleCancel},model:{value:(_vm.visible),callback:function ($$v) {_vm.visible=$$v},expression:"visible"}},[_c('a-spin',{attrs:{"spinning":_vm.loading,"tip":_vm.tips}},[_c('div',{staticClass:"ai-fill-form"},[_c('div',{staticClass:"form-item"},[_c('div',{staticClass:"label"},[_vm._v("请输入或粘贴内容：")]),_c('a-textarea',{attrs:{"rows":6,"placeholder":"请输入或粘贴需要识别的内容，例如：张三 男 合肥大学","disabled":_vm.loading},model:{value:(_vm.contentText),callback:function ($$v) {_vm.contentText=$$v},expression:"contentText"}})],1),(_vm.recognizeProgress.total > 0)?_c('div',{staticClass:"progress-info"},[_c('a-progress',{attrs:{"percent":_vm.progressPercent,"status":_vm.recognizeProgress.current === _vm.recognizeProgress.total ? 'success' : 'active'}})],1):_vm._e(),(_vm.resultList.length > 0)?_c('div',{staticClass:"result-list"},[_c('div',{staticClass:"result-title"},[_vm._v("识别结果：")]),_vm._l((_vm.resultList),function(item,index){return _c('div',{key:index,staticClass:"result-item"},[_c('span',{staticClass:"field-name"},[_vm._v(_vm._s(item.fieldName)+"：")]),_c('span',{staticClass:"field-value",class:{ 'empty-value': item.value === undefined }},[_vm._v(" "+_vm._s(item.value === undefined ? '未识别成功' : item.value)+" ")])])})],2):_vm._e(),_c('div',{staticClass:"footer-btns"},[_c('a-button',{attrs:{"disabled":_vm.loading},on:{"click":_vm.handleCancel}},[_vm._v("取消")]),_c('a-button',{attrs:{"type":"primary","loading":_vm.loading,"disabled":!_vm.contentText.trim()},on:{"click":_vm.startRecognize}},[_vm._v(" 开始识别 ")]),(_vm.resultList.length > 0)?_c('a-button',{attrs:{"type":"primary","disabled":_vm.loading || _vm.resultList.length === 0 || !_vm.hasSuccessResult},on:{"click":_vm.handleOk}},[_vm._v(" 确认填入 ")]):_vm._e()],1)])])],1)}
-var AIAutoFillFormvue_type_template_id_4ef187f3_scoped_true_staticRenderFns = []
+;// ./node_modules/_vue-loader@15.11.1@vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/_vue-loader@15.11.1@vue-loader/lib/index.js??vue-loader-options!./src/components/AIAutoFillForm/AIAutoFillForm.vue?vue&type=template&id=0ff35be0&scoped=true
+var AIAutoFillFormvue_type_template_id_0ff35be0_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('a-modal',{directives:[{name:"drag-modal",rawName:"v-drag-modal"}],attrs:{"width":"800px","title":"AI填表","ok-text":"确认","cancel-text":"取消","maskClosable":!_vm.loading,"closable":!_vm.loading,"keyboard":!_vm.loading,"footer":null},on:{"ok":_vm.handleOk,"cancel":_vm.handleCancel},model:{value:(_vm.visible),callback:function ($$v) {_vm.visible=$$v},expression:"visible"}},[_c('a-spin',{attrs:{"spinning":_vm.loading,"tip":_vm.tips}},[_c('div',{staticClass:"ai-fill-form"},[_c('div',{staticClass:"form-item"},[_c('div',{staticClass:"label"},[_vm._v("请输入或粘贴内容：")]),_c('a-textarea',{attrs:{"rows":6,"placeholder":"请输入或粘贴需要识别的内容，例如：张三 男 合肥大学","disabled":_vm.loading},model:{value:(_vm.contentText),callback:function ($$v) {_vm.contentText=$$v},expression:"contentText"}})],1),(_vm.recognizeProgress.total > 0)?_c('div',{staticClass:"progress-info"},[_c('a-progress',{attrs:{"percent":_vm.progressPercent,"status":_vm.recognizeProgress.current === _vm.recognizeProgress.total ? 'success' : 'active'}})],1):_vm._e(),(_vm.resultList.length > 0)?_c('div',{staticClass:"result-list"},[_c('div',{staticClass:"result-title"},[_vm._v("识别结果：")]),_vm._l((_vm.resultList),function(item,index){return _c('div',{key:index,staticClass:"result-item"},[_c('span',{staticClass:"field-name"},[_vm._v(_vm._s(item.fieldName)+"：")]),_c('span',{staticClass:"field-value",class:{ 'empty-value': item.value === undefined }},[_vm._v(" "+_vm._s(item.value === undefined ? '未识别成功' : item.value)+" ")])])})],2):_vm._e(),_c('div',{staticClass:"footer-btns"},[_c('a-button',{attrs:{"disabled":_vm.loading},on:{"click":_vm.handleCancel}},[_vm._v("取消")]),_c('a-button',{attrs:{"type":"primary","loading":_vm.loading,"disabled":!_vm.contentText.trim()},on:{"click":_vm.startRecognize}},[_vm._v(" 开始识别 ")]),(_vm.resultList.length > 0)?_c('a-button',{attrs:{"type":"primary","disabled":_vm.loading || _vm.resultList.length === 0 || !_vm.hasSuccessResult},on:{"click":_vm.handleOk}},[_vm._v(" 确认填入 ")]):_vm._e()],1)])])],1)}
+var AIAutoFillFormvue_type_template_id_0ff35be0_scoped_true_staticRenderFns = []
 
 
 ;// ./node_modules/_thread-loader@3.0.4@thread-loader/dist/cjs.js!./node_modules/_babel-loader@8.4.1@babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/_vue-loader@15.11.1@vue-loader/lib/index.js??vue-loader-options!./src/components/AIAutoFillForm/AIAutoFillForm.vue?vue&type=script&lang=js
@@ -187046,6 +187046,9 @@ var AIAutoFillFormvue_type_template_id_4ef187f3_scoped_true_staticRenderFns = []
 //
 //
 //
+//
+//
+//
 
 
 /* harmony default export */ const AIAutoFillFormvue_type_script_lang_js = ({
@@ -187091,8 +187094,8 @@ var AIAutoFillFormvue_type_template_id_4ef187f3_scoped_true_staticRenderFns = []
       this.formList = [];
       this.formData = formData; // 表单配置
       this.formData.list.forEach(item => {
-        if (['grid'].includes(item.type)) {
-          //栅格
+        if (['grid', 'grid-lay-out', 'all-lay-out'].includes(item.type)) {
+          //栅格或表格或特殊组件
           item.columns.forEach(el => {
             if (el.list && el.list.length) {
               el.list.forEach(el2 => {
@@ -187122,6 +187125,11 @@ var AIAutoFillFormvue_type_template_id_4ef187f3_scoped_true_staticRenderFns = []
       this.visible = true;
     },
     handleCancel() {
+      // 识别进行中时禁止关闭
+      if (this.loading) {
+        this.$message.warning('识别进行中，请稍候...');
+        return;
+      }
       this.visible = false;
       this.contentText = '';
       this.recognizeProgress = {
@@ -187249,10 +187257,10 @@ var AIAutoFillFormvue_type_template_id_4ef187f3_scoped_true_staticRenderFns = []
 });
 ;// ./src/components/AIAutoFillForm/AIAutoFillForm.vue?vue&type=script&lang=js
  /* harmony default export */ const AIAutoFillForm_AIAutoFillFormvue_type_script_lang_js = (AIAutoFillFormvue_type_script_lang_js); 
-;// ./node_modules/_mini-css-extract-plugin@2.9.4@mini-css-extract-plugin/dist/loader.js??clonedRuleSet-32.use[0]!./node_modules/_css-loader@6.11.0@css-loader/dist/cjs.js??clonedRuleSet-32.use[1]!./node_modules/_vue-loader@15.11.1@vue-loader/lib/loaders/stylePostLoader.js!./node_modules/_postcss-loader@6.2.1@postcss-loader/dist/cjs.js??clonedRuleSet-32.use[2]!./node_modules/_less-loader@5.0.0@less-loader/dist/cjs.js??clonedRuleSet-32.use[3]!./node_modules/_vue-loader@15.11.1@vue-loader/lib/index.js??vue-loader-options!./src/components/AIAutoFillForm/AIAutoFillForm.vue?vue&type=style&index=0&id=4ef187f3&prod&lang=less&scoped=true
+;// ./node_modules/_mini-css-extract-plugin@2.9.4@mini-css-extract-plugin/dist/loader.js??clonedRuleSet-32.use[0]!./node_modules/_css-loader@6.11.0@css-loader/dist/cjs.js??clonedRuleSet-32.use[1]!./node_modules/_vue-loader@15.11.1@vue-loader/lib/loaders/stylePostLoader.js!./node_modules/_postcss-loader@6.2.1@postcss-loader/dist/cjs.js??clonedRuleSet-32.use[2]!./node_modules/_less-loader@5.0.0@less-loader/dist/cjs.js??clonedRuleSet-32.use[3]!./node_modules/_vue-loader@15.11.1@vue-loader/lib/index.js??vue-loader-options!./src/components/AIAutoFillForm/AIAutoFillForm.vue?vue&type=style&index=0&id=0ff35be0&prod&lang=less&scoped=true
 // extracted by mini-css-extract-plugin
 
-;// ./src/components/AIAutoFillForm/AIAutoFillForm.vue?vue&type=style&index=0&id=4ef187f3&prod&lang=less&scoped=true
+;// ./src/components/AIAutoFillForm/AIAutoFillForm.vue?vue&type=style&index=0&id=0ff35be0&prod&lang=less&scoped=true
 
 ;// ./src/components/AIAutoFillForm/AIAutoFillForm.vue
 
@@ -187265,11 +187273,11 @@ var AIAutoFillFormvue_type_template_id_4ef187f3_scoped_true_staticRenderFns = []
 
 var AIAutoFillForm_component = (0,componentNormalizer/* default */.A)(
   AIAutoFillForm_AIAutoFillFormvue_type_script_lang_js,
-  AIAutoFillFormvue_type_template_id_4ef187f3_scoped_true_render,
-  AIAutoFillFormvue_type_template_id_4ef187f3_scoped_true_staticRenderFns,
+  AIAutoFillFormvue_type_template_id_0ff35be0_scoped_true_render,
+  AIAutoFillFormvue_type_template_id_0ff35be0_scoped_true_staticRenderFns,
   false,
   null,
-  "4ef187f3",
+  "0ff35be0",
   null
   
 )
@@ -187277,6 +187285,83 @@ var AIAutoFillForm_component = (0,componentNormalizer/* default */.A)(
 /* harmony default export */ const AIAutoFillForm = (AIAutoFillForm_component.exports);
 // EXTERNAL MODULE: ./src/flow/fonts/iconfont.js
 var iconfont = __webpack_require__(71931);
+;// ./src/utils/drag.js
+
+
+// 自定义指令使弹窗可拖动
+// 使用方式: <a-modal v-drag-modal destroyOnClose V-model="a"></a-modal>
+// 加上v-drag-modal 一定要加上destroyoncLose属性，否则弹窗不会回到初始位置
+external_commonjs_vue_commonjs2_vue_root_Vue_default().directive('drag-modal', (el, bindings, vnode) => {
+  external_commonjs_vue_commonjs2_vue_root_Vue_default().nextTick(() => {
+    let {
+      visible,
+      destroyOnClose
+    } = vnode.componentInstance;
+    // 防止未定义 destroyOnClose 关闭弹窗时dom未被销毁，指令被重复调用
+    if (!visible) return;
+    let modal = el.getElementsByClassName('ant-modal')[0];
+    let header = el.getElementsByClassName('ant-modal-header')[0];
+    // let footer = el.getElementsByClassName('ant-modal-footer')[0]
+    header.style.cursor = 'move';
+    // footer.style.cursor = 'move';
+
+    let left = 0;
+    let top = 0;
+
+    // 未定义 destroyOnClose 时，dom未被销毁，关闭弹窗再次打开，弹窗会停留在上一次拖动的位置
+    if (!destroyOnClose) {
+      left = modal.left || 0;
+      top = modal.top || 0;
+    }
+    // top 初始值为 offsetTop
+    top = top || modal.offsetTop;
+    header.onmousedown = e => {
+      let startX = e.clientX;
+      let startY = e.clientY;
+      header.left = header.offsetLeft;
+      header.top = header.offsetTop;
+      el.onmousemove = event => {
+        let endX = event.clientX;
+        let endY = event.clientY;
+        modal.left = header.left + (endX - startX) + left;
+        modal.top = header.top + (endY - startY) + top;
+        modal.style.left = modal.left + 'px';
+        modal.style.top = modal.top + 'px';
+      };
+      el.onmouseup = event => {
+        left = modal.left;
+        top = modal.top;
+        el.onmousemove = null;
+        el.onmouseup = null;
+        header.releaseCapture && header.releaseCapture();
+      };
+      header.setCapture && header.setCapture();
+    };
+    // ,
+    // footer.onmousedown = e => {
+    //   let startX = e.clientX;
+    //   let startY = e.clientY;
+    //   footer.left = footer.offsetLeft;
+    //   footer.top = footer.offsetTop;
+    //   el.onmousemove = event => {
+    //     let endX = event.clientX;
+    //     let endY = event.clientY;
+    //     modal.left = footer.left + (endX - startX) + left;
+    //     modal.top = (endY - startY) + top;
+    //     modal.style.left = modal.left + 'px'
+    //     modal.style.top = modal.top + 'px'
+    //   }
+    //   el.onmouseup = event => {
+    //     left = modal.left
+    //     top = modal.top
+    //     el.onmousemove = null;
+    //     el.onmouseup = null;
+    //     footer.releaseCapture && footer.releaseCapture();
+    //   }
+    //   footer.setCapture && footer.setCapture();
+    // }
+  });
+});
 ;// ./src/utils/watermark/index.js
 
 const watermark = __webpack_require__(79600);
@@ -189509,6 +189594,8 @@ window.formVersion = version;
 
 
 
+ //引入拖拽自定义指令
+
 
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zscreate/form-component",
-  "version": "1.1.677",
+  "version": "1.1.679",
   "private": false,
   "description": "",
   "main": "dist/form-component.umd.js",