general-basic-form 1.0.47 → 1.0.48

package/README.md

@@ -1,11 +1,13 @@
-# GeneralBasicForm 一个兼容 Vue2 和 Vue3 的表单组件，支持typescript，vue2请使用@1版本，Vue3请使用@2版本
+# GeneralBasicForm
 
-| 组件\兼容性         | vue2 | vue3 | Ant Design Vue | Element Plus | Element（ui） |
+## 一个兼容 Vue2 、Vue3 和 React(未来实现)  的表单组件，支持typescript，vue2请使用@1版本，Vue3请使用@2版本
+
+| 组件\兼容性         | vue2 | vue3 | Ant Design Vue（next） | Element Plus | Element（ui） |
 | ------------------- | ---- | ---- | ---- | ---- | ---- |
 | VGeneralBasicForm    | √    | √    |     | √   | √   |
 | VSearchBox           | √    |      |      |  | √ |
 | VInfiniteScrollList |      | √    |     | √   |     |
-| VDescriptions       |      | √    | √ | √   |     |
+| VDescriptions       | √ | √    | √ | √   | √ |
 | VInputMobilecVerification | | √ | √ | √ |  |
 | VInputGraphicVerification | | √ | √ | √ |  |
 | VTreeTransfer | √ |  |  |  | √ |
@@ -21,7 +23,8 @@ app.use(ElementPlus)
 ```
 
 ```
-import { VGeneralBasicForm } from "general-basic-form";
+import { VGeneralBasicForm } from 'general-basic-form'
+import 'general-basic-form/style'
 ```
 
     <VGeneralBasicForm
@@ -31,9 +34,10 @@ import { VGeneralBasicForm } from "general-basic-form";
       :size="size"
       ref="VGeneralBasicFormRef"
       labelWidth="90px"
+      :noInputBlank="true"
     >
       <template v-slot:default>
-    ...一些传入插槽的内容
+        ...一些传入插槽的内容
       </template>
       <template v-slot:behind-the-button>
         <el-form-item>
@@ -52,19 +56,20 @@ import { VGeneralBasicForm } from "general-basic-form";
         size="small"
         ref="VGeneralBasicFormRef"
         :labelWidth="formLabelWidth"
-        v-bind:loading:sync="loading"
-        :formData.sync: {
-          // 外部传入的表单数据（可以是响应式数据），用于回填
+        :formData: {
+          // 外部传入的表单数据，用于回填
         }
         noUrlParameters
         :afterReset="afterReset"
+        v-model:loading="loading"
       />
     
       <style lang="scss" scoped>
-      :deep {
-        .el-form-item {
-          margin-bottom: 22px;
-        }
+      :deep(.el-form-item) {
+        margin-bottom: 16px;
+      }
+      :deep(.el-divider--horizontal) {
+        margin: 8px 0px;
       }
       </style>
 
@@ -79,44 +84,44 @@ getList会传出默认的参数,首次请求时会有页数和分页大小,重
 
 表单数据校验需要拿到内部表单的ref
 
-      const VGeneralBasicFormRef = this.$refs["VGeneralBasicFormRef"];
-      VGeneralBasicFormRef.$refs["queryFormRef"].validate(async (boolean, object) => {
-        if (boolean) {
-          console.log(this.$refs["VGeneralBasicFormRef"]["queryParams"]);
-        }
-      });
-      
-      校验单个字段
-      const VGeneralBasicFormRef = this.$refs["VGeneralBasicFormRef"];
-      const state = await new Promise((resolve, reject) => {
-        VGeneralBasicFormRef.$refs["queryFormRef"]?.validateField(
-          "accNum",
-          (errorMessage) => {
-            if (!errorMessage) {
-               const { accNum } = VGeneralBasicFormRef["queryParams"];
-              http
-                .getMobileByAccNum({ accNum })
-                .then((res) => {
-                  if (res) {
-                    if (res.data) {
-                    }
-                    resolve(true);
-                  }else {
-                    resolve(false);
-                  }
-                })
-                .catch((error) => {
-                  resolve(false);
-                });
+    async getSmscode() {
+      const VGeneralBasicFormRef = this.$refs['VGeneralBasicFormRef'] as any
+      const state = await new Promise<boolean>((resolve, reject) => {
+        VGeneralBasicFormRef.$refs['queryFormRef']?.validateField(
+          'user_phone',
+          async (valid: boolean, props?: FormItemProp[] | undefined) => {
+            if (valid) {
+              const { user_phone } = VGeneralBasicFormRef['queryParams']
+              const res: any = await SmscodeList({ user_phone })
+              if (res) {
+                console.log(res)
+                resolve(true)
+              } else {
+                resolve(false)
+              }
             } else {
-              resolve(false);
+              resolve(false)
             }
           }
-        );
-      });
-      
-      深度更新formData
-      this.formData = { ...newVal }
+        )
+      })
+      return state
+    },
+    
+    setup写法：
+    const VGeneralBasicFormRef = ref()
+    const params = await new Promise<any>((resolve, reject) => {
+      VGeneralBasicFormRef.value.$refs['queryFormRef']?.validate(
+        async (valid: boolean, props?: FormItemProp[] | undefined) => {
+          if (valid) {
+            const params = VGeneralBasicFormRef.value['queryParams']
+            resolve(params)
+          } else {
+            resolve(false)
+          }
+        }
+      )
+    })
 
 
 ![image-20211014191532067](https://raw.githubusercontent.com/Alan1034/PicturesServer/main/PicGo_imgs/202110141915657.png)
@@ -133,11 +138,11 @@ getList会传出默认的参数,首次请求时会有页数和分页大小,重
     noInputBlank: true //校验input框不能仅输入空格
     //例子：formData.value.x=y ✘ | formData.value={...formData.value,x:y} ✔
     formItem: [
-    	{ // vue2未实现
+    	{
           label: '',
           prop: 'bsName35',
           type: 'divider',
-          dividerSetting: {
+          setting: {
           },
           template: {
             default: () => {
@@ -148,12 +153,10 @@ getList会传出默认的参数,首次请求时会有页数和分页大小,重
         { label: "款式名称",
           prop: "bsName",
           type: "input",
-       	  inputSetting: {
+       	  setting: {
             placeholder: '请输入手机验证码',
-            style: 'width: 100%',
-            "prefix-icon": "el-icon-search"
+            style: 'width: 100%'
           },
-          class: "flex-item",
           rules: [
             {
               message: "请输入信息"
@@ -163,29 +166,30 @@ getList会传出默认的参数,首次请求时会有页数和分页大小,重
               message: "请输入正确的Invoice单号"
             }
           ],
-          change: (value) => {
-        	console.log(value)
-      	  }
+          template: {
+            suffix: () => {
+              return <svg-icon icon-class="baifenbi" />;
+            },
+          },
     	},
         {
           label: "二次工艺",
           prop: "spName",
           type: "select",
-          selectSetting:{multiple:true, //多选},
+          setting:{ multiple:true, //多选},
           option: [
-            { value: "3", label: "满印" },
+            { value: "3", label: "满印" }, 
             { value: "1", label: "区域印花" },
             { value: "2", label: "绣花" },
           ],
-          change: (value) => {
-        	console.log(value)
-      	  }
+          change:(e) => {
+           }
         },
         { 
           label: "创建时间",
           prop: "create_time",
           type: "date-picker",
-          datePackerSetting: {
+          setting: {
             "range-separator": "至",
           }
         },
@@ -193,12 +197,8 @@ getList会传出默认的参数,首次请求时会有页数和分页大小,重
           label: "二次工艺成本价格（人民币分）",
           prop: "spCost",
           type: "input-number",
-          setting: {
-                style: 'width: 178px',
-                placeholder: '请输入配比',
-                precision:2,
-                min: 0,
-           },
+          "controls-position": "right",
+          min: 0,
           rules: [
             {
               required: true,
@@ -208,11 +208,10 @@ getList会传出默认的参数,首次请求时会有页数和分页大小,重
           ],
         },
         {
-        // vue2未实现
           label: '',
           prop: 'bsName2',
           type: 'input-graphic-verification',
-          inputSetting: {
+          setting: {
             placeholder: '请输入图形验证码',
             style: 'width: 100%'
           },
@@ -234,24 +233,23 @@ getList会传出默认的参数,首次请求时会有页数和分页大小,重
             placeholder: '请输入手机验证码',
             style: 'width: 100%'
           },
+    	  buttonSetting: {
+      		type: "text",
+      		style: 'text-align: end',
+    	  },
           rules: [
             {
               message: '请输入手机验证码',
               trigger: 'blur'
             }
           ],
-          verificationSetting: {
-                defaultText: "查询",
-                restTime: 5,
-          },
           getSmscode,// 获取验证码的回调函数,获取失败必须返回false,否则计时器不会重新计算
         },
         {
-        // vue2未实现
           label: '是否必填',
           prop: 'is_optional',
           type: 'radio',
-          radioGroupSetting: {
+          setting: {
             disabled: true
           },
           option: [
@@ -267,12 +265,10 @@ getList会传出默认的参数,首次请求时会有页数和分页大小,重
           ]
         },
         {
-        // 使用时需要在formData中定义好prop的默认值
-        // 例 formData:{ is_multi:[]}
           label: '多选',
           prop: 'is_multi',
           type: 'checkbox',
-          checkboxGroupSetting: {
+          setting: {
           },
           option: [
             { value: '是', label: 'true' },
@@ -281,7 +277,6 @@ getList会传出默认的参数,首次请求时会有页数和分页大小,重
           rules: []
         },
         {
-        // vue2未实现
           label: '受访人',
           prop: 'contactors',
           type: 'form-item-slot',
@@ -300,7 +295,7 @@ getList会传出默认的参数,首次请求时会有页数和分页大小,重
           label: "分类",
           prop: "分类",
           type: "cascader",
-          selectSetting:{},
+          setting:{},
           options: [
             {
               value: "zhinan",
@@ -376,31 +371,154 @@ getList会传出默认的参数,首次请求时会有页数和分页大小,重
       
       //divider支持template：
       //default
+支持组件type:
 
-安装：npm i general-basic-form<br/>
-install: npm i general-basic-form
+ /**
 
-# SearchBox 对搜索框的单独封装
+  \* @description: 输入框
 
-```
-import { VSearchBox } from "general-basic-form";
-```
+  */
 
-![image-20240802200107233](C:\Users\陈德立\AppData\Roaming\Typora\typora-user-images\image-20240802200107233.png)
+ 'input' = 'input',
 
-```
-<VSearchBox placeholder="请输入您想搜索的商品" openHref :inputstyle="{ display: 'block', width: 'auto', margin: '0 90px' }">
-</VSearchBox>
-```
+ /**
+
+  \* @description: 输入框/图像验证码
+
+  */
+
+ 'input-graphic-verification' = 'input-graphic-verification',
+
+ /**
+
+  \* @description: 输入框/手机验证码
+
+  */
+
+ 'input-mobile-verification' = 'input-mobile-verification',
+
+ /**
+
+  \* @description: 分割线
+
+  */
+
+ 'divider' = 'divider',
+
+ /**
+
+  \* @description: 选择器
+
+  */
+
+ 'select' = 'select',
+
+ /**
+
+  \* @description: 级联选择器
 
+  */
 
+ 'cascader' = 'cascader',
+
+ /**
+
+  \* @description: 日期选择器
+
+  */
+
+ 'date-picker' = 'date-picker',
+
+ /**
+
+  \* @description: 数字输入框
+
+  */
+
+ 'input-number' = 'input-number',
+
+ /**
+
+  \* @description: 单选框
+
+  */
+
+ 'radio' = 'radio',
+
+ /**
+
+  \* @description: 自定义元素，插槽组件
+
+  */
+
+ 'form-item-slot'='form-item-slot',
+
+ /**
+
+  \* @description: 多选框
+
+  */
+
+ 'checkbox'='checkbox',
+
+
+
+# VInfiniteScrollList对虚拟滚动列表+接口的封装
+
+
+
+![image-20231208165229296](https://raw.githubusercontent.com/Alan1034/PicturesServer/main/PicGo_imgs/202312081652392.png)
+
+```
+import { VInfiniteScrollList } from 'general-basic-form'
+import 'general-basic-form/style'
+<VInfiniteScrollList
+  :search="search"
+  id="user_id"
+  name="name"
+  ref="InfiniteScrollListRef"
+  checkbox
+  :extra="extraRender"
+  :max="1"
+ />
+```
+```
+移动端配合下拉刷新使用
+import { getOrderItem } from "../orderItem/functional"
+// getOrderItem为JSX函数，返回一个VUE组件
+
+<t-pull-down-refresh v-model="refreshing" @refresh="onRefresh" class="refresh-content">
+      <VInfiniteScrollList :search="loadData" :checkbox="false" id="cancelId" ref="InfiniteScrollListRef" checkbox
+        :extra="getOrderItem" height="100%" infinite-scroll-distance="50"/>
+    </t-pull-down-refresh>
+```
+```
+search：数据接口 (page: Number) => Promise<[]>
+id：数据key值（唯一和选择值）
+name：显示名字
+checkbox：是否有多选功能，不传的话就是单纯的虚拟滚动列表
+extra：同行额外显示的内容，(item: any) => VNode | String;
+//el-checkbox有固定高度，如果需要配置高度比较高，例如有换行的自定义extra，最好处理一下样式，例子：
+//:deep(.el-checkbox) {
+//  padding: 6px 16px !important;
+//  display: flex;
+//  align-items: baseline;
+//  height: auto;
+//}
+defaultSelection：包含数据key值的对象数组或者直接传入key值数组
+height:默认272px String
+```
 
 ```
-query：Object //搜索条件，会带到跳转后的路由query里
-routePath：String //搜索后跳转路径
-inputstyle：Object//输入框样式
-openHref：Boolean//是否在新标签页中打开搜索结果
-size:String//el-input的size
+ defineExpose({ reset, loadList, selectInfo, list, ifbottom });
+ InfiniteScrollListRef?.value?.reset()：重置列表内容
+ InfiniteScrollListRef?.value?.lowReset()：重置列表内容，但保留已选择的选项
+ InfiniteScrollListRef?.value?.loadList()：向下滚动列表内容，受到loading和ifbottom的影响
+ InfiniteScrollListRef?.value?.refreshList()：刷新列表，滚动列表会对整个内容重新请求数据，已选择的内容会自动选择
+ InfiniteScrollListRef?.value?.selectInfo：选择的内容
+ InfiniteScrollListRef?.value?.list：列表的内容
+ InfiniteScrollListRef?.value?.ifbottom：是否到底部
+ InfiniteScrollListRef?.value?.loading：加载中
 ```
 
 # VDescriptions对展示描述列表的封装
@@ -412,8 +530,8 @@ import { VDescriptions } from 'general-basic-form'
  <VDescriptions
   :formData="props.formData"
   :formItem="formItem"
+  componentType="Ant Design Vue"
   ...其他el-descriptions的配置
-  如：size="mini" :column="1" 
  />
 ```
 
@@ -436,22 +554,40 @@ formItem:[ {
        'label-class-name': 'label-class-name'
       }
   }]
-descriptionsItemProps:el-descriptions-item的配置
+componentType:"Ant Design Vue"|"Element Plus"（默认）
+strict:Boolean //使用strict参数后，如果formData内的某个字段没有值，对应的描述元素将不会展示（包括标签文字），但有render的字段仍然会展示
+descriptionsItemProps:a-descriptions-item|el-descriptions-item的配置
 ```
 
-# VTreeTransfer树形穿梭框
+# VInputMobilecVerification，VInputGraphicVerification表单里的图形验证码、手机验证码组件，可以单独引入
 
-![image-20241113173459422](https://raw.githubusercontent.com/Alan1034/PicturesServer/main/PicGo_imgs/202411131735541.png)
+```
+<VInputGraphicVerification :item="{同表单，可忽略label和rules字段}" :loading="loading"></VInputGraphicVerification>
 
-```javascript
-import { VTreeTransfer } from 'general-basic-form'
-<VTreeTransfer ref="TreeTransferRef" :data-source.sync="treeFromData" filterable :checkedKeys="checkedKeys">
-</VTreeTransfer>
+<VInputMobilecVerification :item="{同表单，可忽略label和rules字段}" componentType="Ant Design Vue" ref="VInputMobilecVerificationRef"></VInputMobilecVerification>
 ```
 
 ```
-treeFromData：Array //树的数据源
-checkedKeys：Array //设置选中的数据
-获取穿梭框右侧数据：setup写法：TreeTransferRef.value["selectedList"]
+componentType:"Ant Design Vue"|"Element Plus"（默认）
+```
+
 ```
+此用法下必须提供：
+provide(/* 注入名 */ "queryParams", /* 表单值对象 */ queryParams);
+
+componentType为Ant Design Vue需要提供：
+import { Form } from 'ant-design-vue';
+provide(/* 注入名 */ "Form", /* Ant Design Vue Form实例，用于表单数据更新等 */ Form);
+
+可选：
+provide("size", size); // 同组件size
+provide("getList", getList); // 输入框回车触发
+
+调用发送短信验证码和重置的方法
+VInputMobilecVerificationRef.value.VerificationButtonRef.buttonClick()
+VInputMobilecVerificationRef.value.VerificationButtonRef.reset()
+```
+
+安装：npm i general-basic-form<br/>
+install: npm i general-basic-form
 

package/dist/index.js

@@ -1,5 +1,5 @@
-import { nextTick as y } from "vue";
-function u(t, e, n, r, s, o, c, f) {
+import { nextTick as g } from "vue";
+function u(t, e, n, r, s, o, c, h) {
   var a = typeof t == "function" ? t.options : t;
   e && (a.render = e, a.staticRenderFns = n, a._compiled = !0), r && (a.functional = !0), o && (a._scopeId = "data-v-" + o);
   var i;
@@ -7,7 +7,7 @@ function u(t, e, n, r, s, o, c, f) {
     l = l || // cached call
     this.$vnode && this.$vnode.ssrContext || // stateful
     this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext, !l && typeof __VUE_SSR_CONTEXT__ < "u" && (l = __VUE_SSR_CONTEXT__), s && s.call(this, l), l && l._registeredComponents && l._registeredComponents.add(c);
-  }, a._ssrRegister = i) : s && (i = f ? function() {
+  }, a._ssrRegister = i) : s && (i = h ? function() {
     s.call(
       this,
       (a.functional ? this.parent : this).$root.$options.shadowRoot
@@ -15,9 +15,9 @@ function u(t, e, n, r, s, o, c, f) {
   } : s), i)
     if (a.functional) {
       a._injectStyles = i;
-      var h = a.render;
-      a.render = function(_, d) {
-        return i.call(d), h(_, d);
+      var _ = a.render;
+      a.render = function(y, d) {
+        return i.call(d), _(y, d);
       };
     } else {
       var p = a.beforeCreate;
@@ -28,7 +28,7 @@ function u(t, e, n, r, s, o, c, f) {
     options: a
   };
 }
-const g = {
+const m = {
   props: {
     verificationSetting: {
       type: Object,
@@ -76,28 +76,45 @@ const g = {
     }
   }
 };
-var m = function() {
+var b = function() {
   var e = this, n = e._self._c;
   return n("el-button", { on: { click: e.buttonClick } }, [e._v(e._s(e.buttonType ? e.defaultText : e.buttonText + "s"))]);
-}, b = [], v = /* @__PURE__ */ u(
-  g,
+}, v = [], k = /* @__PURE__ */ u(
   m,
   b,
+  v,
   !1,
   null,
   null,
   null,
   null
 );
-const k = v.exports;
-const x = {
+const x = k.exports, S = (t = {}) => {
+  for (const e in t)
+    if (Object.prototype.hasOwnProperty.call(t, e)) {
+      const n = t[e];
+      Object.prototype.toString.call(n) === "[object Object]" && (t[e] = JSON.stringify(n));
+    }
+  return t;
+}, T = (t = {}) => {
+  for (const e in t)
+    if (Object.prototype.hasOwnProperty.call(t, e)) {
+      const n = t[e];
+      try {
+        t[e] = JSON.parse(n);
+      } catch {
+      }
+    }
+  return t;
+}, P = { paramsToQuery: S, queryToData: T }, f = P;
+const F = {
   name: "GeneralBasicForm",
   components: {
     InputArchive: (t) => {
       const { templateEle: e } = t;
       return e();
     },
-    VerificationButton: k
+    VerificationButton: x
   },
   props: {
     showSearch: {
@@ -163,7 +180,7 @@ const x = {
     var t;
     return {
       queryParams: {
-        ...this.noUrlParameters ? {} : (t = this.$route) == null ? void 0 : t.query
+        ...this.noUrlParameters ? {} : f.queryToData((t = this.$route) == null ? void 0 : t.query)
       },
       // form表单数据
       formLoading: this.loading || !1,
@@ -244,11 +261,13 @@ const x = {
     /** 搜索按钮操作 */
     handleQuery() {
       var n;
-      const t = { page: 1, limit: 10 }, e = {
-        ...(n = this.$route) == null ? void 0 : n.query,
-        ...this.queryParams,
-        ...t
-      };
+      const t = { page: 1, limit: 10 }, e = f.paramsToQuery(
+        {
+          ...(n = this.$route) == null ? void 0 : n.query,
+          ...this.queryParams,
+          ...t
+        }
+      );
       this.noUrlParameters || this.$router.push({
         query: { ...e }
       }), this.getList({
@@ -344,7 +363,7 @@ const x = {
     }
   }
 };
-var S = function() {
+var C = function() {
   var e = this, n = e._self._c;
   return n("el-form", e._b({ directives: [{ name: "show", rawName: "v-show", value: e.showSearch, expression: "showSearch" }], ref: "queryFormRef", attrs: { model: e.queryParams, "label-width": e.labelWidth } }, "el-form", e.attrs, !1), [e._l(e.formItem, function(r) {
     return n("el-form-item", e._b({ key: r.prop, attrs: { rules: e.getItemRules(r) } }, "el-form-item", r, !1), [r.type === "input" ? n("el-input", e._g(e._b({ attrs: { size: e.size }, nativeOn: { keydown: function(s) {
@@ -379,18 +398,18 @@ var S = function() {
       return n("el-checkbox", e._b({ key: s.key || s.value || s.label }, "el-checkbox", s, !1));
     }), 1) : e._e()], 1);
   }), e._t("default"), e.formOnly ? e._e() : n("el-form-item", [n("el-button", { attrs: { type: "primary", icon: "el-icon-search", size: e.size, loading: e.formLoading }, on: { click: e.handleQuery } }, [e._v("查询")]), n("el-button", { attrs: { icon: "el-icon-refresh", size: e.size }, on: { click: e.resetQuery } }, [e._v("重置")])], 1), e._t("behind-the-button")], 2);
-}, T = [], F = /* @__PURE__ */ u(
-  x,
-  S,
-  T,
+}, $ = [], q = /* @__PURE__ */ u(
+  F,
+  C,
+  $,
   !1,
   null,
-  "f12b237b",
+  "171c263c",
   null,
   null
 );
-const C = F.exports;
-const P = {
+const w = q.exports;
+const O = {
   components: {},
   props: {
     query: {
@@ -450,24 +469,24 @@ const P = {
     }
   }
 };
-var $ = function() {
+var D = function() {
   var e = this, n = e._self._c;
   return n("div", { staticClass: "search-box" }, [n("el-input", e._b({ style: { ...e.inputstyle }, attrs: { size: e.size }, nativeOn: { keydown: function(r) {
     return !r.type.indexOf("key") && e._k(r.keyCode, "enter", 13, r.key, "Enter") ? null : e.search.apply(null, arguments);
   } }, model: { value: e.keyWord, callback: function(r) {
     e.keyWord = r;
   }, expression: "keyWord" } }, "el-input", e.attrs, !1), [n("svg", { staticClass: "el-input__icon", attrs: { slot: "prefix", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, slot: "prefix" }, [n("path", { attrs: { d: "M9.51033 10.2186C8.69189 10.8814 7.64943 11.2784 6.51424 11.2784C3.88302 11.2784 1.75 9.14541 1.75 6.51421C1.75 3.88301 3.88302 1.75 6.51424 1.75C9.14545 1.75 11.2785 3.88301 11.2785 6.51421C11.2785 7.64942 10.8814 8.69189 10.2186 9.51034L13.75 13.0417L13.0417 13.75L9.51033 10.2186ZM10.2768 6.51421C10.2768 4.43623 8.59224 2.75168 6.51424 2.75168C4.43623 2.75168 2.75168 4.43623 2.75168 6.51421C2.75168 8.59219 4.43623 10.2767 6.51424 10.2767C8.59224 10.2767 10.2768 8.59219 10.2768 6.51421Z", fill: "#959A9F" } })])])], 1);
-}, q = [], w = /* @__PURE__ */ u(
-  P,
-  $,
-  q,
+}, I = [], z = /* @__PURE__ */ u(
+  O,
+  D,
+  I,
   !1,
   null,
   "ef706e31",
   null,
   null
 );
-const D = w.exports, I = {
+const B = z.exports, E = {
   functional: !0,
   props: {
     column: {
@@ -484,10 +503,10 @@ const D = w.exports, I = {
     const { props: n } = e, { column: r, formData: s } = n;
     return r.render(s);
   }
-}, z = {
+}, R = {
   name: "Descriptions",
   components: {
-    DescriptionsColumn: I
+    DescriptionsColumn: E
   },
   data() {
     return {
@@ -523,23 +542,23 @@ const D = w.exports, I = {
     }
   }
 };
-var O = function() {
+var L = function() {
   var e = this, n = e._self._c;
   return n("el-descriptions", e._b({}, "el-descriptions", e.attrs, !1), e._l(e.formItem, function(r, s) {
     return n("el-descriptions-item", e._b({ key: r.prop, attrs: { label: r.label } }, "el-descriptions-item", r.descriptionsItemProps, !1), [r.render ? n("DescriptionsColumn", { attrs: { column: r, formData: e.formData } }) : n("span", [e._v(e._s(e.formData[r.prop]))])], 1);
   }), 1);
-}, B = [], E = /* @__PURE__ */ u(
-  z,
-  O,
-  B,
+}, N = [], K = /* @__PURE__ */ u(
+  R,
+  L,
+  N,
   !1,
   null,
   null,
   null,
   null
 );
-const R = E.exports;
-const L = {
+const j = K.exports;
+const W = {
   props: {
     nodeKey: {
       type: String,
@@ -566,7 +585,7 @@ const L = {
       this.$refs.selectTree.filter(t);
     },
     checkedKeys(t) {
-      this.$refs.sourceTree.setCheckedKeys(t), y(() => {
+      this.$refs.sourceTree.setCheckedKeys(t), g(() => {
         this.getSelectedData(), this.$refs.selectTree.setCheckedKeys(t);
       });
     }
@@ -600,27 +619,27 @@ const L = {
     }
   }
 };
-var N = function() {
+var A = function() {
   var e = this, n = e._self._c;
   return n("div", { staticClass: "tree-box" }, [n("div", { staticClass: "left-box" }, [e.filterable ? n("el-input", { attrs: { placeholder: "输入关键字进行过滤" }, model: { value: e.sourceFilterText, callback: function(r) {
     e.sourceFilterText = r;
   }, expression: "sourceFilterText" } }) : e._e(), n("el-tree", e._b({ ref: "sourceTree", attrs: { data: e.dataSource, "filter-node-method": e.sourceFilterNode, nodeKey: e.nodeKey } }, "el-tree", { ...e.defaultTreeAttributes }, !1))], 1), n("div", { staticClass: "mid-box" }, [n("el-button", { attrs: { icon: "el-icon-arrow-right", circle: "" }, on: { click: e.getSelectedData } }), n("el-button", { attrs: { icon: "el-icon-arrow-left", circle: "" }, on: { click: e.removeSelectedData } })], 1), n("div", { staticClass: "right-box" }, [e.filterable ? n("el-input", { attrs: { placeholder: "输入关键字进行过滤" }, model: { value: e.selectedFilterText, callback: function(r) {
     e.selectedFilterText = r;
   }, expression: "selectedFilterText" } }) : e._e(), n("el-tree", e._b({ ref: "selectTree", attrs: { data: e.selectedList, "filter-node-method": e.sourceFilterNode, nodeKey: e.nodeKey } }, "el-tree", { ...e.defaultTreeAttributes }, !1))], 1)]);
-}, K = [], W = /* @__PURE__ */ u(
-  L,
-  N,
-  K,
+}, G = [], U = /* @__PURE__ */ u(
+  W,
+  A,
+  G,
   !1,
   null,
   "49dbad2a",
   null,
   null
 );
-const A = W.exports, U = C, V = D, j = R, Q = A;
+const Q = U.exports, H = w, J = B, M = j, X = Q;
 export {
-  j as VDescriptions,
-  U as VGeneralBasicForm,
-  V as VSearchBox,
-  Q as VTreeTransfer
+  M as VDescriptions,
+  H as VGeneralBasicForm,
+  J as VSearchBox,
+  X as VTreeTransfer
 };

package/dist/index.umd.cjs

@@ -1 +1 @@
-(function(o,c){typeof exports=="object"&&typeof module<"u"?c(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],c):(o=typeof globalThis<"u"?globalThis:o||self,c(o.Index={},o.Vue))})(this,function(o,c){"use strict";const Q="";function d(t,e,n,r,s,l,f,A){var a=typeof t=="function"?t.options:t;e&&(a.render=e,a.staticRenderFns=n,a._compiled=!0),r&&(a.functional=!0),l&&(a._scopeId="data-v-"+l);var u;if(f?(u=function(i){i=i||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,!i&&typeof __VUE_SSR_CONTEXT__<"u"&&(i=__VUE_SSR_CONTEXT__),s&&s.call(this,i),i&&i._registeredComponents&&i._registeredComponents.add(f)},a._ssrRegister=u):s&&(u=A?function(){s.call(this,(a.functional?this.parent:this).$root.$options.shadowRoot)}:s),u)if(a.functional){a._injectStyles=u;var U=a.render;a.render=function(j,h){return u.call(h),U(j,h)}}else{var p=a.beforeCreate;a.beforeCreate=p?[].concat(p,u):[u]}return{exports:t,options:a}}const _={props:{verificationSetting:{type:Object,default:()=>{}},getSmscode:{type:Function,default:()=>{}}},data(){return{defaultText:this.verificationSetting.defaultText||"获取验证码",buttonText:this.verificationSetting.defaultText||"获取验证码",restTime:this.verificationSetting.restTime||60,timer:null}},computed:{buttonType(){return this.buttonText===this.defaultText}},destroyed(){this.reset()},methods:{reset(){this.timer&&(clearInterval(this.timer),this.timer=null,this.buttonText=this.defaultText)},async buttonClick(){if(this.buttonText===this.defaultText)if(this.buttonText=this.restTime,this.timer=setInterval(()=>{if(Number(this.buttonText)<=0||!this.buttonText){this.reset();return}else this.buttonText=Number(this.buttonText)-1},1e3),this.getSmscode)await this.getSmscode()===!1&&this.reset();else return}}};var y=function(){var e=this,n=e._self._c;return n("el-button",{on:{click:e.buttonClick}},[e._v(e._s(e.buttonType?e.defaultText:e.buttonText+"s"))])},g=[],m=d(_,y,g,!1,null,null,null,null);const b=m.exports,H="",v={name:"GeneralBasicForm",components:{InputArchive:t=>{const{templateEle:e}=t;return e()},VerificationButton:b},props:{showSearch:{type:Boolean,default:!0},loading:{type:Boolean,default:!1},formOnly:{type:Boolean,default:!1},getList:{type:Function,default:()=>{}},afterReset:{type:Function,default:()=>{}},formItem:{type:Array,default:()=>[]},size:{type:String,default:""},labelWidth:{type:String,default:"90px"},noUrlParameters:{type:Boolean,default:()=>!1},formData:{type:Object,default:()=>{}},noInputBlank:{type:Boolean,default:()=>!1}},data(){var t;return{queryParams:{...this.noUrlParameters?{}:(t=this.$route)==null?void 0:t.query},formLoading:this.loading||!1,selectSetting:{placeholder:"请选择",filterable:!0,clearable:!0,style:"width: 200px"},inputSetting:{placeholder:"请输入",style:"width: 200px",clearable:!0},datePackerSetting:{style:"width: 227px","start-placeholder":"开始日期","end-placeholder":"结束日期",type:"daterange"},attrs:{inline:!0,"label-position":"left"}}},watch:{formData:{handler(t,e){JSON.stringify(t)!==JSON.stringify(e)&&(this.queryParams={...this.noUrlParameters?{}:this.queryParams,...t})},immediate:!0},queryParams:{handler(t){this.$emit("update:formData",t)},deep:!0},$attrs:{handler(t){this.attrs={...this.attrs,...t}},immediate:!0,deep:!0},loading(t){this.formLoading!==t&&(this.formLoading=t)},formLoading(t){this.loading!==t&&this.$emit("update:loading",t)}},methods:{handleQuery(){var n;const t={page:1,limit:10},e={...(n=this.$route)==null?void 0:n.query,...this.queryParams,...t};this.noUrlParameters||this.$router.push({query:{...e}}),this.getList({...e})},async resetQuery(){var e;this.$refs.queryFormRef.resetFields();const t={page:1};this.noUrlParameters||await this.$router.push({query:{...t}}),this.queryParams={...this.noUrlParameters?{}:(e=this.$route)==null?void 0:e.query},this.afterReset(),this.handleQuery()},currentInputComponent(){return"input-archive"},getItemRules(t){const{type:e,rules:n=[]}=t,r=[...n];return this.noInputBlank&&e==="input"&&r.push({pattern:this.trimRegex,message:"请输入（不能仅输入空格）",trigger:"blur"}),r},getInputSetting(t){const{inputSetting:e,setting:n}=t;return{...this.inputSetting,...e,...n}},defaultFunction(){},getInputEvents(t){return{blur:t.blur||this.defaultFunction,focus:t.focus||this.defaultFunction,change:t.change||this.defaultFunction,input:t.input||this.defaultFunction,clear:t.clear||this.defaultFunction}},getSelectSetting(t){const{selectSetting:e,setting:n}=t;return{...this.selectSetting,...e,...n}},getSelectEvents(t){return{change:t.change||this.defaultFunction,"visible-change":t["visible-change"]||this.defaultFunction,"remove-tag":t["remove-tag"]||this.defaultFunction,"expand-change":t["expand-change"]||this.defaultFunction,clear:t.clear||this.defaultFunction,blur:t.blur||this.defaultFunction,focus:t.focus||this.defaultFunction}},getDatePackerSetting(t){const{datePackerSetting:e,setting:n}=t;return{...this.datePackerSetting,...e,...n}},getDatePackerEvents(t){return{change:t.change||this.defaultFunction,blur:t.blur||this.defaultFunction,focus:t.focus||this.defaultFunction}},getCheckboxGroupSetting(t){const{checkboxGroupSetting:e,setting:n}=t;return{...e,...n}},getCheckboxGroupEvents(t){return{change:t.change||this.defaultFunction}}}};var k=function(){var e=this,n=e._self._c;return n("el-form",e._b({directives:[{name:"show",rawName:"v-show",value:e.showSearch,expression:"showSearch"}],ref:"queryFormRef",attrs:{model:e.queryParams,"label-width":e.labelWidth}},"el-form",e.attrs,!1),[e._l(e.formItem,function(r){return n("el-form-item",e._b({key:r.prop,attrs:{rules:e.getItemRules(r)}},"el-form-item",r,!1),[r.type==="input"?n("el-input",e._g(e._b({attrs:{size:e.size},nativeOn:{keydown:function(s){return!s.type.indexOf("key")&&e._k(s.keyCode,"enter",13,s.key,"Enter")?null:e.getList.apply(null,arguments)}},scopedSlots:e._u([e._l(r.template,function(s,l){return{key:l,fn:function(){return[s?n(e.currentInputComponent(),{key:l,tag:"component",attrs:{templateEle:s}}):e._e()]},proxy:!0}})],null,!0),model:{value:e.queryParams[r.prop],callback:function(s){e.$set(e.queryParams,r.prop,s)},expression:"queryParams[item.prop]"}},"el-input",e.getInputSetting(r),!1),e.getInputEvents(r))):r.type==="input-mobile-verification"?n("el-input",e._g(e._b({attrs:{size:e.size},nativeOn:{keydown:function(s){return!s.type.indexOf("key")&&e._k(s.keyCode,"enter",13,s.key,"Enter")?null:e.getList.apply(null,arguments)}},scopedSlots:e._u([e._l(r.template,function(s,l){return{key:l,fn:function(){return[s?n(e.currentInputComponent(),{key:l,tag:"component",attrs:{templateEle:s}}):e._e()]},proxy:!0}})],null,!0),model:{value:e.queryParams[r.prop],callback:function(s){e.$set(e.queryParams,r.prop,s)},expression:"queryParams[item.prop]"}},"el-input",e.getInputSetting(r),!1),e.getInputEvents(r)),[n("template",{slot:"append"},[n("verification-button",{attrs:{verificationSetting:r.verificationSetting,getSmscode:r.getSmscode}})],1)],2):r.type==="select"?n("el-select",e._g(e._b({attrs:{filterable:"",size:e.size},model:{value:e.queryParams[r.prop],callback:function(s){e.$set(e.queryParams,r.prop,s)},expression:"queryParams[item.prop]"}},"el-select",e.getSelectSetting(r),!1),e.getSelectEvents(r)),e._l(r.option||[],function(s){return n("el-option",{key:s.key||s.value,attrs:{label:s.label,value:s.value}})}),1):r.type==="cascader"?n("el-cascader",e._g(e._b({attrs:{filterable:"",size:e.size,options:r.options||[]},model:{value:e.queryParams[r.prop],callback:function(s){e.$set(e.queryParams,r.prop,s)},expression:"queryParams[item.prop]"}},"el-cascader",e.getSelectSetting(r),!1),e.getSelectEvents(r))):r.type==="date-picker"?n("el-date-picker",e._g(e._b({attrs:{size:e.size},model:{value:e.queryParams[r.prop],callback:function(s){e.$set(e.queryParams,r.prop,s)},expression:"queryParams[item.prop]"}},"el-date-picker",e.getDatePackerSetting(r),!1),e.getDatePackerEvents(r))):e._e(),r.type==="input-number"?n("el-input-number",e._g(e._b({attrs:{size:e.size},model:{value:e.queryParams[r.prop],callback:function(s){e.$set(e.queryParams,r.prop,s)},expression:"queryParams[item.prop]"}},"el-input-number",e.getInputSetting(r),!1),e.getInputEvents(r))):r.type==="checkbox"?n("el-checkbox-group",e._g(e._b({attrs:{size:e.size},model:{value:e.queryParams[r.prop],callback:function(s){e.$set(e.queryParams,r.prop,s)},expression:"queryParams[item.prop]"}},"el-checkbox-group",e.getCheckboxGroupSetting(r),!1),e.getCheckboxGroupEvents(r)),e._l(r.option||[],function(s){return n("el-checkbox",e._b({key:s.key||s.value||s.label},"el-checkbox",s,!1))}),1):e._e()],1)}),e._t("default"),e.formOnly?e._e():n("el-form-item",[n("el-button",{attrs:{type:"primary",icon:"el-icon-search",size:e.size,loading:e.formLoading},on:{click:e.handleQuery}},[e._v("查询")]),n("el-button",{attrs:{icon:"el-icon-refresh",size:e.size},on:{click:e.resetQuery}},[e._v("重置")])],1),e._t("behind-the-button")],2)},x=[],S=d(v,k,x,!1,null,"f12b237b",null,null);const T=S.exports,M="",F={components:{},props:{query:{type:Object,default:()=>({prefCode:sessionStorage.getItem("prefCode")})},routePath:{type:String,default:()=>"/search/searchDetail"},inputstyle:{type:Object,default:()=>({width:"1280px"})},openHref:{type:Boolean,default:()=>!1},size:{type:String,default:()=>"medium"}},data(){var t,e;return{keyWord:((e=(t=this.$route)==null?void 0:t.query)==null?void 0:e.keyWord)||"",attrs:{}}},watch:{$attrs:{handler(t){this.attrs={...this.attrs,...t}},immediate:!0,deep:!0}},methods:{search(){const t={path:this.routePath,query:{...this.query,keyWord:this.keyWord}};if(this.openHref){const e=this.$router.resolve(t);window.open(e.href,"_blank")}else this.$router.push(t)}}};var C=function(){var e=this,n=e._self._c;return n("div",{staticClass:"search-box"},[n("el-input",e._b({style:{...e.inputstyle},attrs:{size:e.size},nativeOn:{keydown:function(r){return!r.type.indexOf("key")&&e._k(r.keyCode,"enter",13,r.key,"Enter")?null:e.search.apply(null,arguments)}},model:{value:e.keyWord,callback:function(r){e.keyWord=r},expression:"keyWord"}},"el-input",e.attrs,!1),[n("svg",{staticClass:"el-input__icon",attrs:{slot:"prefix",xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none"},slot:"prefix"},[n("path",{attrs:{d:"M9.51033 10.2186C8.69189 10.8814 7.64943 11.2784 6.51424 11.2784C3.88302 11.2784 1.75 9.14541 1.75 6.51421C1.75 3.88301 3.88302 1.75 6.51424 1.75C9.14545 1.75 11.2785 3.88301 11.2785 6.51421C11.2785 7.64942 10.8814 8.69189 10.2186 9.51034L13.75 13.0417L13.0417 13.75L9.51033 10.2186ZM10.2768 6.51421C10.2768 4.43623 8.59224 2.75168 6.51424 2.75168C4.43623 2.75168 2.75168 4.43623 2.75168 6.51421C2.75168 8.59219 4.43623 10.2767 6.51424 10.2767C8.59224 10.2767 10.2768 8.59219 10.2768 6.51421Z",fill:"#959A9F"}})])])],1)},P=[],$=d(F,C,P,!1,null,"ef706e31",null,null);const q=$.exports,w={name:"Descriptions",components:{DescriptionsColumn:{functional:!0,props:{column:{default:{render:()=>{}},type:Object},formData:{default:{},type:Object}},render(t,e){const{props:n}=e,{column:r,formData:s}=n;return r.render(s)}}},data(){return{attrs:{border:!0,class:"v-descriptions"}}},props:{formItem:{type:Array,default:()=>[]},formData:{type:Object,default:()=>{}}},watch:{$attrs:{handler(t){this.attrs={...this.attrs,...t}},immediate:!0,deep:!0}}};var D=function(){var e=this,n=e._self._c;return n("el-descriptions",e._b({},"el-descriptions",e.attrs,!1),e._l(e.formItem,function(r,s){return n("el-descriptions-item",e._b({key:r.prop,attrs:{label:r.label}},"el-descriptions-item",r.descriptionsItemProps,!1),[r.render?n("DescriptionsColumn",{attrs:{column:r,formData:e.formData}}):n("span",[e._v(e._s(e.formData[r.prop]))])],1)}),1)},I=[],z=d(w,D,I,!1,null,null,null,null);const O=z.exports,X="",B={props:{nodeKey:{type:String,default:"id"},filterable:{type:Boolean,default:!1},dataSource:{type:Array,default:()=>[]},checkedKeys:{type:Array,default:()=>[]}},watch:{sourceFilterText(t){this.$refs.sourceTree.filter(t)},selectedFilterText(t){this.$refs.selectTree.filter(t)},checkedKeys(t){this.$refs.sourceTree.setCheckedKeys(t),c.nextTick(()=>{this.getSelectedData(),this.$refs.selectTree.setCheckedKeys(t)})}},data(){return{defaultTreeAttributes:{"default-expand-all":!0,"show-checkbox":!0},selectedList:[],sourceFilterText:"",selectedFilterText:""}},methods:{sourceFilterNode(t,e){return t?e.label.indexOf(t)!==-1:!0},getSelectedData(){let t=!0,e;const n=this.$refs.sourceTree.getCheckedNodes(t,e);this.selectedList=n},removeSelectedData(){let t,e;const n=this.$refs.selectTree.getCheckedNodes(t,e),r={};n.forEach(s=>{r[s[this.nodeKey]]=s}),this.selectedList=this.selectedList.filter(s=>!r[s[this.nodeKey]])}}};var E=function(){var e=this,n=e._self._c;return n("div",{staticClass:"tree-box"},[n("div",{staticClass:"left-box"},[e.filterable?n("el-input",{attrs:{placeholder:"输入关键字进行过滤"},model:{value:e.sourceFilterText,callback:function(r){e.sourceFilterText=r},expression:"sourceFilterText"}}):e._e(),n("el-tree",e._b({ref:"sourceTree",attrs:{data:e.dataSource,"filter-node-method":e.sourceFilterNode,nodeKey:e.nodeKey}},"el-tree",{...e.defaultTreeAttributes},!1))],1),n("div",{staticClass:"mid-box"},[n("el-button",{attrs:{icon:"el-icon-arrow-right",circle:""},on:{click:e.getSelectedData}}),n("el-button",{attrs:{icon:"el-icon-arrow-left",circle:""},on:{click:e.removeSelectedData}})],1),n("div",{staticClass:"right-box"},[e.filterable?n("el-input",{attrs:{placeholder:"输入关键字进行过滤"},model:{value:e.selectedFilterText,callback:function(r){e.selectedFilterText=r},expression:"selectedFilterText"}}):e._e(),n("el-tree",e._b({ref:"selectTree",attrs:{data:e.selectedList,"filter-node-method":e.sourceFilterNode,nodeKey:e.nodeKey}},"el-tree",{...e.defaultTreeAttributes},!1))],1)])},R=[],L=d(B,E,R,!1,null,"49dbad2a",null,null);const N=L.exports,V=T,K=q,G=O,W=N;o.VDescriptions=G,o.VGeneralBasicForm=V,o.VSearchBox=K,o.VTreeTransfer=W,Object.defineProperty(o,Symbol.toStringTag,{value:"Module"})});
+(function(o,c){typeof exports=="object"&&typeof module<"u"?c(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],c):(o=typeof globalThis<"u"?globalThis:o||self,c(o.Index={},o.Vue))})(this,function(o,c){"use strict";const X="";function p(t,e,n,r,s,i,f,H){var a=typeof t=="function"?t.options:t;e&&(a.render=e,a.staticRenderFns=n,a._compiled=!0),r&&(a.functional=!0),i&&(a._scopeId="data-v-"+i);var u;if(f?(u=function(l){l=l||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,!l&&typeof __VUE_SSR_CONTEXT__<"u"&&(l=__VUE_SSR_CONTEXT__),s&&s.call(this,l),l&&l._registeredComponents&&l._registeredComponents.add(f)},a._ssrRegister=u):s&&(u=H?function(){s.call(this,(a.functional?this.parent:this).$root.$options.shadowRoot)}:s),u)if(a.functional){a._injectStyles=u;var J=a.render;a.render=function(M,y){return u.call(y),J(M,y)}}else{var h=a.beforeCreate;a.beforeCreate=h?[].concat(h,u):[u]}return{exports:t,options:a}}const _={props:{verificationSetting:{type:Object,default:()=>{}},getSmscode:{type:Function,default:()=>{}}},data(){return{defaultText:this.verificationSetting.defaultText||"获取验证码",buttonText:this.verificationSetting.defaultText||"获取验证码",restTime:this.verificationSetting.restTime||60,timer:null}},computed:{buttonType(){return this.buttonText===this.defaultText}},destroyed(){this.reset()},methods:{reset(){this.timer&&(clearInterval(this.timer),this.timer=null,this.buttonText=this.defaultText)},async buttonClick(){if(this.buttonText===this.defaultText)if(this.buttonText=this.restTime,this.timer=setInterval(()=>{if(Number(this.buttonText)<=0||!this.buttonText){this.reset();return}else this.buttonText=Number(this.buttonText)-1},1e3),this.getSmscode)await this.getSmscode()===!1&&this.reset();else return}}};var g=function(){var e=this,n=e._self._c;return n("el-button",{on:{click:e.buttonClick}},[e._v(e._s(e.buttonType?e.defaultText:e.buttonText+"s"))])},m=[],b=p(_,g,m,!1,null,null,null,null);const v=b.exports,k=(t={})=>{for(const e in t)if(Object.prototype.hasOwnProperty.call(t,e)){const n=t[e];Object.prototype.toString.call(n)==="[object Object]"&&(t[e]=JSON.stringify(n))}return t},x=(t={})=>{for(const e in t)if(Object.prototype.hasOwnProperty.call(t,e)){const n=t[e];try{t[e]=JSON.parse(n)}catch{}}return t},S={paramsToQuery:k,queryToData:x},d=S,Z="",T={name:"GeneralBasicForm",components:{InputArchive:t=>{const{templateEle:e}=t;return e()},VerificationButton:v},props:{showSearch:{type:Boolean,default:!0},loading:{type:Boolean,default:!1},formOnly:{type:Boolean,default:!1},getList:{type:Function,default:()=>{}},afterReset:{type:Function,default:()=>{}},formItem:{type:Array,default:()=>[]},size:{type:String,default:""},labelWidth:{type:String,default:"90px"},noUrlParameters:{type:Boolean,default:()=>!1},formData:{type:Object,default:()=>{}},noInputBlank:{type:Boolean,default:()=>!1}},data(){var t;return{queryParams:{...this.noUrlParameters?{}:d.queryToData((t=this.$route)==null?void 0:t.query)},formLoading:this.loading||!1,selectSetting:{placeholder:"请选择",filterable:!0,clearable:!0,style:"width: 200px"},inputSetting:{placeholder:"请输入",style:"width: 200px",clearable:!0},datePackerSetting:{style:"width: 227px","start-placeholder":"开始日期","end-placeholder":"结束日期",type:"daterange"},attrs:{inline:!0,"label-position":"left"}}},watch:{formData:{handler(t,e){JSON.stringify(t)!==JSON.stringify(e)&&(this.queryParams={...this.noUrlParameters?{}:this.queryParams,...t})},immediate:!0},queryParams:{handler(t){this.$emit("update:formData",t)},deep:!0},$attrs:{handler(t){this.attrs={...this.attrs,...t}},immediate:!0,deep:!0},loading(t){this.formLoading!==t&&(this.formLoading=t)},formLoading(t){this.loading!==t&&this.$emit("update:loading",t)}},methods:{handleQuery(){var n;const t={page:1,limit:10},e=d.paramsToQuery({...(n=this.$route)==null?void 0:n.query,...this.queryParams,...t});this.noUrlParameters||this.$router.push({query:{...e}}),this.getList({...e})},async resetQuery(){var e;this.$refs.queryFormRef.resetFields();const t={page:1};this.noUrlParameters||await this.$router.push({query:{...t}}),this.queryParams={...this.noUrlParameters?{}:(e=this.$route)==null?void 0:e.query},this.afterReset(),this.handleQuery()},currentInputComponent(){return"input-archive"},getItemRules(t){const{type:e,rules:n=[]}=t,r=[...n];return this.noInputBlank&&e==="input"&&r.push({pattern:this.trimRegex,message:"请输入（不能仅输入空格）",trigger:"blur"}),r},getInputSetting(t){const{inputSetting:e,setting:n}=t;return{...this.inputSetting,...e,...n}},defaultFunction(){},getInputEvents(t){return{blur:t.blur||this.defaultFunction,focus:t.focus||this.defaultFunction,change:t.change||this.defaultFunction,input:t.input||this.defaultFunction,clear:t.clear||this.defaultFunction}},getSelectSetting(t){const{selectSetting:e,setting:n}=t;return{...this.selectSetting,...e,...n}},getSelectEvents(t){return{change:t.change||this.defaultFunction,"visible-change":t["visible-change"]||this.defaultFunction,"remove-tag":t["remove-tag"]||this.defaultFunction,"expand-change":t["expand-change"]||this.defaultFunction,clear:t.clear||this.defaultFunction,blur:t.blur||this.defaultFunction,focus:t.focus||this.defaultFunction}},getDatePackerSetting(t){const{datePackerSetting:e,setting:n}=t;return{...this.datePackerSetting,...e,...n}},getDatePackerEvents(t){return{change:t.change||this.defaultFunction,blur:t.blur||this.defaultFunction,focus:t.focus||this.defaultFunction}},getCheckboxGroupSetting(t){const{checkboxGroupSetting:e,setting:n}=t;return{...e,...n}},getCheckboxGroupEvents(t){return{change:t.change||this.defaultFunction}}}};var P=function(){var e=this,n=e._self._c;return n("el-form",e._b({directives:[{name:"show",rawName:"v-show",value:e.showSearch,expression:"showSearch"}],ref:"queryFormRef",attrs:{model:e.queryParams,"label-width":e.labelWidth}},"el-form",e.attrs,!1),[e._l(e.formItem,function(r){return n("el-form-item",e._b({key:r.prop,attrs:{rules:e.getItemRules(r)}},"el-form-item",r,!1),[r.type==="input"?n("el-input",e._g(e._b({attrs:{size:e.size},nativeOn:{keydown:function(s){return!s.type.indexOf("key")&&e._k(s.keyCode,"enter",13,s.key,"Enter")?null:e.getList.apply(null,arguments)}},scopedSlots:e._u([e._l(r.template,function(s,i){return{key:i,fn:function(){return[s?n(e.currentInputComponent(),{key:i,tag:"component",attrs:{templateEle:s}}):e._e()]},proxy:!0}})],null,!0),model:{value:e.queryParams[r.prop],callback:function(s){e.$set(e.queryParams,r.prop,s)},expression:"queryParams[item.prop]"}},"el-input",e.getInputSetting(r),!1),e.getInputEvents(r))):r.type==="input-mobile-verification"?n("el-input",e._g(e._b({attrs:{size:e.size},nativeOn:{keydown:function(s){return!s.type.indexOf("key")&&e._k(s.keyCode,"enter",13,s.key,"Enter")?null:e.getList.apply(null,arguments)}},scopedSlots:e._u([e._l(r.template,function(s,i){return{key:i,fn:function(){return[s?n(e.currentInputComponent(),{key:i,tag:"component",attrs:{templateEle:s}}):e._e()]},proxy:!0}})],null,!0),model:{value:e.queryParams[r.prop],callback:function(s){e.$set(e.queryParams,r.prop,s)},expression:"queryParams[item.prop]"}},"el-input",e.getInputSetting(r),!1),e.getInputEvents(r)),[n("template",{slot:"append"},[n("verification-button",{attrs:{verificationSetting:r.verificationSetting,getSmscode:r.getSmscode}})],1)],2):r.type==="select"?n("el-select",e._g(e._b({attrs:{filterable:"",size:e.size},model:{value:e.queryParams[r.prop],callback:function(s){e.$set(e.queryParams,r.prop,s)},expression:"queryParams[item.prop]"}},"el-select",e.getSelectSetting(r),!1),e.getSelectEvents(r)),e._l(r.option||[],function(s){return n("el-option",{key:s.key||s.value,attrs:{label:s.label,value:s.value}})}),1):r.type==="cascader"?n("el-cascader",e._g(e._b({attrs:{filterable:"",size:e.size,options:r.options||[]},model:{value:e.queryParams[r.prop],callback:function(s){e.$set(e.queryParams,r.prop,s)},expression:"queryParams[item.prop]"}},"el-cascader",e.getSelectSetting(r),!1),e.getSelectEvents(r))):r.type==="date-picker"?n("el-date-picker",e._g(e._b({attrs:{size:e.size},model:{value:e.queryParams[r.prop],callback:function(s){e.$set(e.queryParams,r.prop,s)},expression:"queryParams[item.prop]"}},"el-date-picker",e.getDatePackerSetting(r),!1),e.getDatePackerEvents(r))):e._e(),r.type==="input-number"?n("el-input-number",e._g(e._b({attrs:{size:e.size},model:{value:e.queryParams[r.prop],callback:function(s){e.$set(e.queryParams,r.prop,s)},expression:"queryParams[item.prop]"}},"el-input-number",e.getInputSetting(r),!1),e.getInputEvents(r))):r.type==="checkbox"?n("el-checkbox-group",e._g(e._b({attrs:{size:e.size},model:{value:e.queryParams[r.prop],callback:function(s){e.$set(e.queryParams,r.prop,s)},expression:"queryParams[item.prop]"}},"el-checkbox-group",e.getCheckboxGroupSetting(r),!1),e.getCheckboxGroupEvents(r)),e._l(r.option||[],function(s){return n("el-checkbox",e._b({key:s.key||s.value||s.label},"el-checkbox",s,!1))}),1):e._e()],1)}),e._t("default"),e.formOnly?e._e():n("el-form-item",[n("el-button",{attrs:{type:"primary",icon:"el-icon-search",size:e.size,loading:e.formLoading},on:{click:e.handleQuery}},[e._v("查询")]),n("el-button",{attrs:{icon:"el-icon-refresh",size:e.size},on:{click:e.resetQuery}},[e._v("重置")])],1),e._t("behind-the-button")],2)},F=[],C=p(T,P,F,!1,null,"171c263c",null,null);const $=C.exports,Y="",q={components:{},props:{query:{type:Object,default:()=>({prefCode:sessionStorage.getItem("prefCode")})},routePath:{type:String,default:()=>"/search/searchDetail"},inputstyle:{type:Object,default:()=>({width:"1280px"})},openHref:{type:Boolean,default:()=>!1},size:{type:String,default:()=>"medium"}},data(){var t,e;return{keyWord:((e=(t=this.$route)==null?void 0:t.query)==null?void 0:e.keyWord)||"",attrs:{}}},watch:{$attrs:{handler(t){this.attrs={...this.attrs,...t}},immediate:!0,deep:!0}},methods:{search(){const t={path:this.routePath,query:{...this.query,keyWord:this.keyWord}};if(this.openHref){const e=this.$router.resolve(t);window.open(e.href,"_blank")}else this.$router.push(t)}}};var w=function(){var e=this,n=e._self._c;return n("div",{staticClass:"search-box"},[n("el-input",e._b({style:{...e.inputstyle},attrs:{size:e.size},nativeOn:{keydown:function(r){return!r.type.indexOf("key")&&e._k(r.keyCode,"enter",13,r.key,"Enter")?null:e.search.apply(null,arguments)}},model:{value:e.keyWord,callback:function(r){e.keyWord=r},expression:"keyWord"}},"el-input",e.attrs,!1),[n("svg",{staticClass:"el-input__icon",attrs:{slot:"prefix",xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none"},slot:"prefix"},[n("path",{attrs:{d:"M9.51033 10.2186C8.69189 10.8814 7.64943 11.2784 6.51424 11.2784C3.88302 11.2784 1.75 9.14541 1.75 6.51421C1.75 3.88301 3.88302 1.75 6.51424 1.75C9.14545 1.75 11.2785 3.88301 11.2785 6.51421C11.2785 7.64942 10.8814 8.69189 10.2186 9.51034L13.75 13.0417L13.0417 13.75L9.51033 10.2186ZM10.2768 6.51421C10.2768 4.43623 8.59224 2.75168 6.51424 2.75168C4.43623 2.75168 2.75168 4.43623 2.75168 6.51421C2.75168 8.59219 4.43623 10.2767 6.51424 10.2767C8.59224 10.2767 10.2768 8.59219 10.2768 6.51421Z",fill:"#959A9F"}})])])],1)},O=[],D=p(q,w,O,!1,null,"ef706e31",null,null);const I=D.exports,z={name:"Descriptions",components:{DescriptionsColumn:{functional:!0,props:{column:{default:{render:()=>{}},type:Object},formData:{default:{},type:Object}},render(t,e){const{props:n}=e,{column:r,formData:s}=n;return r.render(s)}}},data(){return{attrs:{border:!0,class:"v-descriptions"}}},props:{formItem:{type:Array,default:()=>[]},formData:{type:Object,default:()=>{}}},watch:{$attrs:{handler(t){this.attrs={...this.attrs,...t}},immediate:!0,deep:!0}}};var B=function(){var e=this,n=e._self._c;return n("el-descriptions",e._b({},"el-descriptions",e.attrs,!1),e._l(e.formItem,function(r,s){return n("el-descriptions-item",e._b({key:r.prop,attrs:{label:r.label}},"el-descriptions-item",r.descriptionsItemProps,!1),[r.render?n("DescriptionsColumn",{attrs:{column:r,formData:e.formData}}):n("span",[e._v(e._s(e.formData[r.prop]))])],1)}),1)},E=[],R=p(z,B,E,!1,null,null,null,null);const L=R.exports,te="",N={props:{nodeKey:{type:String,default:"id"},filterable:{type:Boolean,default:!1},dataSource:{type:Array,default:()=>[]},checkedKeys:{type:Array,default:()=>[]}},watch:{sourceFilterText(t){this.$refs.sourceTree.filter(t)},selectedFilterText(t){this.$refs.selectTree.filter(t)},checkedKeys(t){this.$refs.sourceTree.setCheckedKeys(t),c.nextTick(()=>{this.getSelectedData(),this.$refs.selectTree.setCheckedKeys(t)})}},data(){return{defaultTreeAttributes:{"default-expand-all":!0,"show-checkbox":!0},selectedList:[],sourceFilterText:"",selectedFilterText:""}},methods:{sourceFilterNode(t,e){return t?e.label.indexOf(t)!==-1:!0},getSelectedData(){let t=!0,e;const n=this.$refs.sourceTree.getCheckedNodes(t,e);this.selectedList=n},removeSelectedData(){let t,e;const n=this.$refs.selectTree.getCheckedNodes(t,e),r={};n.forEach(s=>{r[s[this.nodeKey]]=s}),this.selectedList=this.selectedList.filter(s=>!r[s[this.nodeKey]])}}};var j=function(){var e=this,n=e._self._c;return n("div",{staticClass:"tree-box"},[n("div",{staticClass:"left-box"},[e.filterable?n("el-input",{attrs:{placeholder:"输入关键字进行过滤"},model:{value:e.sourceFilterText,callback:function(r){e.sourceFilterText=r},expression:"sourceFilterText"}}):e._e(),n("el-tree",e._b({ref:"sourceTree",attrs:{data:e.dataSource,"filter-node-method":e.sourceFilterNode,nodeKey:e.nodeKey}},"el-tree",{...e.defaultTreeAttributes},!1))],1),n("div",{staticClass:"mid-box"},[n("el-button",{attrs:{icon:"el-icon-arrow-right",circle:""},on:{click:e.getSelectedData}}),n("el-button",{attrs:{icon:"el-icon-arrow-left",circle:""},on:{click:e.removeSelectedData}})],1),n("div",{staticClass:"right-box"},[e.filterable?n("el-input",{attrs:{placeholder:"输入关键字进行过滤"},model:{value:e.selectedFilterText,callback:function(r){e.selectedFilterText=r},expression:"selectedFilterText"}}):e._e(),n("el-tree",e._b({ref:"selectTree",attrs:{data:e.selectedList,"filter-node-method":e.sourceFilterNode,nodeKey:e.nodeKey}},"el-tree",{...e.defaultTreeAttributes},!1))],1)])},V=[],K=p(N,j,V,!1,null,"49dbad2a",null,null);const G=K.exports,W=$,A=I,U=L,Q=G;o.VDescriptions=U,o.VGeneralBasicForm=W,o.VSearchBox=A,o.VTreeTransfer=Q,Object.defineProperty(o,Symbol.toStringTag,{value:"Module"})});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "general-basic-form",
-  "version": "1.0.47",
+  "version": "1.0.48",
   "description": "",
   "main": "./dist/index.umd.cjs",
   "type": "module",
@@ -63,5 +63,8 @@
   },
   "files": [
     "/dist"
-  ]
+  ],
+  "dependencies": {
+    "network-spanner": "^1.2.6"
+  }
 }