general-basic-form 2.0.6 → 2.0.8

package/README.md

@@ -14,6 +14,7 @@ app.use(ElementPlus)
 
 ```
 import GeneralBasicForm from 'general-basic-form'
+import 'general-basic-form/style'
 ```
 
     <GeneralBasicForm
@@ -70,7 +71,7 @@ getList会传出默认的参数,首次请求时会有页数和分页大小,重
       const state = await new Promise<boolean>((resolve, reject) => {
         VGeneralBasicFormRef.$refs['queryFormRef']?.validateField(
           'user_phone',
-          async (valid: FormValidateCallback | undefined) => {
+          async (valid: boolean, props?: FormItemProp[] | undefined) => {
             if (valid) {
               const { user_phone } = VGeneralBasicFormRef['queryParams']
               const res: any = await SmscodeList({ user_phone })
@@ -141,9 +142,9 @@ getList会传出默认的参数,首次请求时会有页数和分页大小,重
           type: "select",
           multiple:true, //多选
           option: [
-            { value: "3", desc: "满印" },
-            { value: "1", desc: "区域印花" },
-            { value: "2", desc: "绣花" },
+            { value: "3", label: "满印" },
+            { value: "1", label: "区域印花" },
+            { value: "2", label: "绣花" },
           ],
         },
         { 
@@ -200,6 +201,28 @@ getList会传出默认的参数,首次请求时会有页数和分页大小,重
           ]
           getSmscode,// 获取验证码的回调函数,获取失败必须返回false,否则计时器不会重新计算
         },
+        {
+          label: '是否必填',
+          prop: 'is_optional',
+          type: 'radio',
+          radioGroupSetting: {
+            disabled: true
+          },
+          radioSetting: {
+            border: true
+          },
+          option: [
+            { value: '是', label: 'true' },
+            { value: '否', label: 'false' }
+          ],
+          rules: [
+            {
+              required: true,
+              message: '请输入标签项名称',
+              trigger: 'blur'
+            }
+          ]
+        },
         {
           label: "分类",
           prop: "分类",

package/dist/index.js

@@ -1,10 +1,10 @@
-import { defineComponent as _, inject as g, resolveComponent as l, openBlock as r, createBlock as a, mergeProps as h, withKeys as W, createSlots as F, renderList as S, withCtx as f, resolveDynamicComponent as U, createCommentVNode as y, ref as V, unref as v, resolveDirective as D, withDirectives as $, createElementBlock as q, createVNode as N, createElementVNode as H, computed as E, onBeforeUnmount as J, normalizeStyle as X, createTextVNode as I, toDisplayString as Y, h as Z, normalizeProps as x, guardReactiveProps as ee, provide as z, Fragment as B, renderSlot as te, vShow as ne } from "vue";
-import { useRoute as oe } from "vue-router";
-const G = {
+import { defineComponent as v, inject as g, resolveComponent as s, openBlock as r, createBlock as a, mergeProps as h, withKeys as J, createSlots as F, renderList as P, withCtx as f, resolveDynamicComponent as D, createCommentVNode as m, ref as z, unref as _, resolveDirective as G, withDirectives as L, createElementBlock as $, createVNode as N, createElementVNode as X, computed as R, onBeforeUnmount as Y, normalizeStyle as Z, createTextVNode as q, toDisplayString as E, h as x, normalizeProps as ee, guardReactiveProps as te, Fragment as C, provide as I, renderSlot as ne, vShow as oe } from "vue";
+import { useRoute as re } from "vue-router";
+const A = {
   placeholder: "请输入",
   style: "width: 200px",
   clearable: !0
-}, re = _({
+}, ae = v({
   components: {
     InputArchive: (e) => {
       const { templateEle: n } = e;
@@ -22,7 +22,7 @@ const G = {
   data() {
     return {
       inputSetting: {
-        ...G,
+        ...A,
         ...this.item.inputSetting
       }
     };
@@ -44,120 +44,120 @@ const G = {
   //     console.log(val);
   //   },
   // },
-}), P = (e, n) => {
+}), V = (e, n) => {
   const t = e.__vccOpts || e;
-  for (const [s, i] of n)
-    t[s] = i;
+  for (const [i, l] of n)
+    t[i] = l;
   return t;
 };
-function ae(e, n, t, s, i, p) {
-  const c = l("el-input");
-  return r(), a(c, h({
-    onKeydown: W(e.getList, ["enter"]),
+function ie(e, n, t, i, l, c) {
+  const p = s("el-input");
+  return r(), a(p, h({
+    onKeydown: J(e.getList, ["enter"]),
     modelValue: e.queryParams[e.item.prop],
     "onUpdate:modelValue": n[0] || (n[0] = (u) => e.queryParams[e.item.prop] = u),
     size: e.size
   }, e.inputSetting), F({ _: 2 }, [
-    S(e.item.template, (u, d) => ({
+    P(e.item.template, (u, d) => ({
       name: d,
       fn: f(() => [
-        u ? (r(), a(U(e.currentInputComponent()), {
+        u ? (r(), a(D(e.currentInputComponent()), {
           key: d,
           templateEle: u
-        }, null, 8, ["templateEle"])) : y("", !0)
+        }, null, 8, ["templateEle"])) : m("", !0)
       ])
     }))
   ]), 1040, ["onKeydown", "modelValue", "size"]);
 }
-const L = /* @__PURE__ */ P(re, [["render", ae]]), ie = /* @__PURE__ */ _({
+const w = /* @__PURE__ */ V(ae, [["render", ie]]), le = /* @__PURE__ */ v({
   __name: "index",
   props: {
     item: {}
   },
   setup(e) {
-    const { item: n } = e, t = g("queryParams", {}), s = g("size"), i = V({
-      ...G,
+    const { item: n } = e, t = g("queryParams", {}), i = g("size"), l = z({
+      ...A,
       ...n.inputSetting
     });
-    return (p, c) => {
-      const u = l("el-input-number");
+    return (c, p) => {
+      const u = s("el-input-number");
       return r(), a(u, h({
-        modelValue: v(t)[p.item.prop],
-        "onUpdate:modelValue": c[0] || (c[0] = (d) => v(t)[p.item.prop] = d),
-        size: v(s)
-      }, i.value), null, 16, ["modelValue", "size"]);
+        modelValue: _(t)[c.item.prop],
+        "onUpdate:modelValue": p[0] || (p[0] = (d) => _(t)[c.item.prop] = d),
+        size: _(i)
+      }, l.value), null, 16, ["modelValue", "size"]);
     };
   }
-}), R = Symbol(), se = { class: "input-graphic-verification" }, le = ["src"], ue = /* @__PURE__ */ _({
+}), Q = Symbol(), se = { class: "input-graphic-verification" }, ue = ["src"], pe = /* @__PURE__ */ v({
   __name: "index",
   props: {
     item: {}
   },
   setup(e) {
-    const { item: n } = e, { graphicSrc: t = "", getGraphic: s = () => {
-    } } = n, { formLoading: i, updateFormLoading: p } = g(R), c = async () => {
-      s && !i.value && await s();
+    const { item: n } = e, { graphicSrc: t = "", getGraphic: i = () => {
+    } } = n, { formLoading: l, updateFormLoading: c } = g(Q), p = async () => {
+      i && !l.value && await i();
     };
     return (u, d) => {
-      const b = D("loading");
-      return $((r(), q("div", se, [
-        N(L, {
+      const b = G("loading");
+      return L((r(), $("div", se, [
+        N(w, {
           item: u.item,
           class: "input"
         }, null, 8, ["item"]),
-        H("img", {
+        X("img", {
           class: "graphic",
-          onClick: c,
-          src: v(t)
-        }, null, 8, le)
+          onClick: p,
+          src: _(t)
+        }, null, 8, ue)
       ])), [
-        [b, v(i)]
+        [b, _(l)]
       ]);
     };
   }
 });
-const pe = /* @__PURE__ */ P(ue, [["__scopeId", "data-v-500ec9b0"]]), k = "获取验证码", ce = 60, de = /* @__PURE__ */ _({
+const ce = /* @__PURE__ */ V(pe, [["__scopeId", "data-v-500ec9b0"]]), k = "获取验证码", de = 60, me = /* @__PURE__ */ v({
   __name: "verification-button",
   props: {
     getSmscode: { type: Function }
   },
   setup(e) {
-    const { getSmscode: n } = e, t = V(k), s = V(null), i = E(() => t.value === k), p = () => {
-      s && (clearInterval(s.value), s.value = null, t.value = k);
-    }, c = async () => {
+    const { getSmscode: n } = e, t = z(k), i = z(null), l = R(() => t.value === k), c = () => {
+      i && (clearInterval(i.value), i.value = null, t.value = k);
+    }, p = async () => {
       if (t.value === k)
-        if (t.value = ce, s.value = setInterval(() => {
+        if (t.value = de, i.value = setInterval(() => {
           if (Number(t.value) <= 0 || !t.value) {
-            p();
+            c();
             return;
           } else
             t.value = Number(t.value) - 1;
         }, 1e3), n)
-          await n() === !1 && p();
+          await n() === !1 && c();
         else
           return;
     };
-    return J(() => {
-      p();
+    return Y(() => {
+      c();
     }), (u, d) => {
-      const b = l("el-button");
+      const b = s("el-button");
       return r(), a(b, {
         class: "verifiaction-button",
-        style: X({
-          color: i.value ? "var(--color-primary, #409EFF)" : "var(--text-color-placeholder, #A8ABB2)",
-          cursor: i.value ? "pointer" : "default"
+        style: Z({
+          color: l.value ? "var(--color-primary, #409EFF)" : "var(--text-color-placeholder, #A8ABB2)",
+          cursor: l.value ? "pointer" : "default"
         }),
-        onClick: c
+        onClick: p
       }, {
         default: f(() => [
-          I(Y(i.value ? k : t.value + "s"), 1)
+          q(E(l.value ? k : t.value + "s"), 1)
         ]),
         _: 1
       }, 8, ["style"]);
     };
   }
 });
-const me = /* @__PURE__ */ P(de, [["__scopeId", "data-v-4074e137"]]), fe = /* @__PURE__ */ _({
+const fe = /* @__PURE__ */ V(me, [["__scopeId", "data-v-4074e137"]]), _e = /* @__PURE__ */ v({
   __name: "index",
   props: {
     item: {}
@@ -165,15 +165,15 @@ const me = /* @__PURE__ */ P(de, [["__scopeId", "data-v-4074e137"]]), fe = /* @_
   setup(e) {
     const { item: n } = e, t = n;
     return t.template = {
-      append: () => Z(me, {
+      append: () => x(fe, {
         getSmscode: t.getSmscode
       })
-    }, (s, i) => (r(), a(L, {
-      item: v(t),
+    }, (i, l) => (r(), a(w, {
+      item: _(t),
       class: "input"
     }, null, 8, ["item"]));
   }
-}), ye = _({
+}), ye = v({
   components: {
     slotArchive: (e) => {
       const { templateEle: n } = e;
@@ -199,28 +199,63 @@ const me = /* @__PURE__ */ P(de, [["__scopeId", "data-v-4074e137"]]), fe = /* @_
     }
   }
 });
-function _e(e, n, t, s, i, p) {
-  const c = l("el-divider");
-  return r(), a(c, x(ee(e.dividerSetting)), F({ _: 2 }, [
-    S(e.item.template, (u, d) => ({
+function he(e, n, t, i, l, c) {
+  const p = s("el-divider");
+  return r(), a(p, ee(te(e.dividerSetting)), F({ _: 2 }, [
+    P(e.item.template, (u, d) => ({
       name: d,
       fn: f(() => [
-        u ? (r(), a(U(e.currentInputComponent()), {
+        u ? (r(), a(D(e.currentInputComponent()), {
           key: d,
           templateEle: u
-        }, null, 8, ["templateEle"])) : y("", !0)
+        }, null, 8, ["templateEle"])) : m("", !0)
       ])
     }))
   ]), 1040);
 }
-const he = /* @__PURE__ */ P(ye, [["render", _e]]), ge = _({
+const ge = /* @__PURE__ */ V(ye, [["render", he]]), ve = /* @__PURE__ */ v({
+  __name: "index",
+  props: {
+    item: {}
+  },
+  setup(e) {
+    const { item: n } = e, t = g("queryParams", {}), i = g("size"), l = z({
+      ...n.radioSetting
+    }), c = z({
+      ...n.radioGroupSetting
+    });
+    return (p, u) => {
+      const d = s("el-radio"), b = s("el-radio-group");
+      return r(), a(b, h({
+        modelValue: _(t)[p.item.prop],
+        "onUpdate:modelValue": u[0] || (u[0] = (S) => _(t)[p.item.prop] = S),
+        size: _(i)
+      }, c.value), {
+        default: f(() => [
+          (r(!0), $(C, null, P(p.item.option || [], (S) => (r(), a(d, h({
+            size: _(i),
+            label: S.label,
+            key: S.label
+          }, l.value), {
+            default: f(() => [
+              q(E(S.value), 1)
+            ]),
+            _: 2
+          }, 1040, ["size", "label"]))), 128))
+        ]),
+        _: 1
+      }, 16, ["modelValue", "size"]);
+    };
+  }
+}), be = v({
   name: "GeneralBasicForm",
   components: {
-    Input: L,
-    InputNumber: ie,
-    InputGraphicVerification: pe,
-    InputMobileVerification: fe,
-    Divider: he
+    Input: w,
+    InputNumber: le,
+    InputGraphicVerification: ce,
+    InputMobileVerification: _e,
+    Divider: ge,
+    Radio: ve
   },
   props: {
     showSearch: {
@@ -258,7 +293,7 @@ const he = /* @__PURE__ */ P(ye, [["render", _e]]), ge = _({
     size: {
       // 控制按钮大小
       type: String,
-      default: "medium"
+      default: "default"
     },
     labelWidth: {
       // 表单文字宽度
@@ -294,26 +329,26 @@ const he = /* @__PURE__ */ P(ye, [["render", _e]]), ge = _({
     };
   },
   setup(e) {
-    const { size: n, noUrlParameters: t, getList: s } = e, i = oe(), p = V({
-      ...t ? {} : i == null ? void 0 : i.query
+    const { size: n, noUrlParameters: t, getList: i } = e, l = re(), c = z({
+      ...t ? {} : l == null ? void 0 : l.query
     });
-    return z(
+    return I(
       /* 注入名 */
       "queryParams",
       /* 值 */
-      p
-    ), z(
+      c
+    ), I(
       /* 注入名 */
       "size",
       /* 值 */
       n
-    ), z(
+    ), I(
       /* 注入名 */
       "getList",
       /* 值 */
-      s
+      i
     ), {
-      queryParams: p
+      queryParams: c
     };
   },
   watch: {
@@ -333,8 +368,8 @@ const he = /* @__PURE__ */ P(ye, [["render", _e]]), ge = _({
   provide() {
     return {
       // 显式提供一个计算属性
-      [R]: {
-        formLoading: E(() => this.formLoading),
+      [Q]: {
+        formLoading: R(() => this.formLoading),
         updateFormLoading: (e) => {
           this.formLoading = e;
         }
@@ -369,9 +404,9 @@ const he = /* @__PURE__ */ P(ye, [["render", _e]]), ge = _({
     }
   }
 });
-function ve(e, n, t, s, i, p) {
-  const c = l("Input"), u = l("InputGraphicVerification"), d = l("InputMobileVerification"), b = l("Divider"), A = l("el-option"), Q = l("el-select"), T = l("el-cascader"), K = l("el-date-picker"), O = l("InputNumber"), C = l("el-form-item"), w = l("el-button"), M = l("el-form"), j = D("loading");
-  return $((r(), a(M, h({
+function Se(e, n, t, i, l, c) {
+  const p = s("Input"), u = s("InputGraphicVerification"), d = s("InputMobileVerification"), b = s("Divider"), S = s("Radio"), T = s("el-option"), K = s("el-select"), O = s("el-cascader"), M = s("el-date-picker"), j = s("InputNumber"), B = s("el-form-item"), U = s("el-button"), W = s("el-form"), H = G("loading");
+  return L((r(), a(W, h({
     model: e.queryParams,
     ref: "queryFormRef",
     inline: "",
@@ -379,86 +414,93 @@ function ve(e, n, t, s, i, p) {
     "label-width": e.labelWidth
   }, e.$attrs), {
     default: f(() => [
-      (r(!0), q(B, null, S(e.formItem, (o) => (r(), a(C, {
+      (r(!0), $(C, null, P(e.formItem, (o) => (r(), a(B, {
         label: o.label,
         prop: o.prop,
         key: o.prop,
         rules: o.rules
       }, {
         default: f(() => [
-          o.type === "input" ? (r(), a(c, {
+          o.type === "input" ? (r(), a(p, {
             key: 0,
             item: o
-          }, null, 8, ["item"])) : y("", !0),
+          }, null, 8, ["item"])) : m("", !0),
           o.type === "input-graphic-verification" ? (r(), a(u, {
             item: o,
             key: o.key
-          }, null, 8, ["item"])) : y("", !0),
+          }, null, 8, ["item"])) : m("", !0),
           o.type === "input-mobile-verification" ? (r(), a(d, {
             key: 2,
             item: o
-          }, null, 8, ["item"])) : y("", !0),
+          }, null, 8, ["item"])) : m("", !0),
           o.type === "divider" ? (r(), a(b, {
             key: 3,
             item: o
-          }, null, 8, ["item"])) : o.type === "select" ? (r(), a(Q, h({
+          }, null, 8, ["item"])) : m("", !0),
+          o.type === "radio" ? (r(), a(S, {
             key: 4,
+            item: o
+          }, null, 8, ["item"])) : m("", !0),
+          o.type === "select" ? (r(), a(K, h({
+            key: 5,
             filterable: "",
             modelValue: e.queryParams[o.prop],
-            "onUpdate:modelValue": (m) => e.queryParams[o.prop] = m,
+            "onUpdate:modelValue": (y) => e.queryParams[o.prop] = y,
             size: e.size
           }, o.selectSetting || e.selectSetting), {
             default: f(() => [
-              (r(!0), q(B, null, S(o.option || [], (m) => (r(), a(A, {
-                key: m.value,
-                label: m.desc,
-                value: m.value
+              (r(!0), $(C, null, P(o.option || [], (y) => (r(), a(T, {
+                key: y.value,
+                label: y.label,
+                value: y.value
               }, null, 8, ["label", "value"]))), 128))
             ]),
             _: 2
-          }, 1040, ["modelValue", "onUpdate:modelValue", "size"])) : o.type === "cascader" ? (r(), a(T, h({
-            key: 5,
+          }, 1040, ["modelValue", "onUpdate:modelValue", "size"])) : m("", !0),
+          o.type === "cascader" ? (r(), a(O, h({
+            key: 6,
             filterable: "",
             modelValue: e.queryParams[o.prop],
-            "onUpdate:modelValue": (m) => e.queryParams[o.prop] = m,
+            "onUpdate:modelValue": (y) => e.queryParams[o.prop] = y,
             size: e.size,
             options: o.options || []
-          }, o.selectSetting || e.selectSetting), null, 16, ["modelValue", "onUpdate:modelValue", "size", "options"])) : o.type === "date-picker" ? (r(), a(K, h({
-            key: 6,
+          }, o.selectSetting || e.selectSetting), null, 16, ["modelValue", "onUpdate:modelValue", "size", "options"])) : m("", !0),
+          o.type === "date-picker" ? (r(), a(M, h({
+            key: 7,
             modelValue: e.queryParams[o.prop],
-            "onUpdate:modelValue": (m) => e.queryParams[o.prop] = m,
+            "onUpdate:modelValue": (y) => e.queryParams[o.prop] = y,
             size: e.size
-          }, o.datePackerSetting || e.datePackerSetting), null, 16, ["modelValue", "onUpdate:modelValue", "size"])) : y("", !0),
-          o.type === "input-number" ? (r(), a(O, {
-            key: 7,
+          }, o.datePackerSetting || e.datePackerSetting), null, 16, ["modelValue", "onUpdate:modelValue", "size"])) : m("", !0),
+          o.type === "input-number" ? (r(), a(j, {
+            key: 8,
             item: o
-          }, null, 8, ["item"])) : y("", !0)
+          }, null, 8, ["item"])) : m("", !0)
         ]),
         _: 2
       }, 1032, ["label", "prop", "rules"]))), 128)),
-      te(e.$slots, "default"),
-      e.formOnly ? y("", !0) : (r(), a(C, { key: 0 }, {
+      ne(e.$slots, "default"),
+      e.formOnly ? m("", !0) : (r(), a(B, { key: 0 }, {
         default: f(() => [
-          $((r(), a(w, {
+          L((r(), a(U, {
             type: "primary",
             icon: "el-icon-search",
             size: e.size,
             onClick: e.handleQuery
           }, {
             default: f(() => [
-              I("查询")
+              q("查询")
             ]),
             _: 1
           }, 8, ["size", "onClick"])), [
-            [j, e.formLoading]
+            [H, e.formLoading]
           ]),
-          N(w, {
+          N(U, {
             icon: "el-icon-refresh",
             size: e.size,
             onClick: e.resetQuery
           }, {
             default: f(() => [
-              I("重置")
+              q("重置")
             ]),
             _: 1
           }, 8, ["size", "onClick"])
@@ -468,10 +510,10 @@ function ve(e, n, t, s, i, p) {
     ]),
     _: 3
   }, 16, ["model", "label-width"])), [
-    [ne, e.showSearch]
+    [oe, e.showSearch]
   ]);
 }
-const be = /* @__PURE__ */ P(ge, [["render", ve]]), Se = be;
+const ze = /* @__PURE__ */ V(be, [["render", Se]]), Ve = ze;
 export {
-  Se as VGeneralBasicForm
+  Ve as VGeneralBasicForm
 };

package/dist/index.umd.cjs

@@ -1 +1 @@
-(function(d,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("vue-router")):typeof define=="function"&&define.amd?define(["exports","vue","vue-router"],e):(d=typeof globalThis<"u"?globalThis:d||self,e(d.Index={},d.Vue,d["vue-router"]))})(this,function(d,e,C){"use strict";const _={placeholder:"请输入",style:"width: 200px",clearable:!0},V=e.defineComponent({components:{InputArchive:t=>{const{templateEle:n}=t;return n()}},props:{item:null},setup(){const t=e.inject("queryParams",{}),n=e.inject("getList"),o=e.inject("size");return{queryParams:t,getList:n,size:o}},data(){return{inputSetting:{..._,...this.item.inputSetting}}},methods:{currentInputComponent(){return"input-archive"}}}),u=(t,n)=>{const o=t.__vccOpts||t;for(const[l,a]of n)o[l]=a;return o};function b(t,n,o,l,a,s){const c=e.resolveComponent("el-input");return e.openBlock(),e.createBlock(c,e.mergeProps({onKeydown:e.withKeys(t.getList,["enter"]),modelValue:t.queryParams[t.item.prop],"onUpdate:modelValue":n[0]||(n[0]=i=>t.queryParams[t.item.prop]=i),size:t.size},t.inputSetting),e.createSlots({_:2},[e.renderList(t.item.template,(i,p)=>({name:p,fn:e.withCtx(()=>[i?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.currentInputComponent()),{key:p,templateEle:i},null,8,["templateEle"])):e.createCommentVNode("",!0)])}))]),1040,["onKeydown","modelValue","size"])}const h=u(V,[["render",b]]),P=e.defineComponent({__name:"index",props:{item:{}},setup(t){const{item:n}=t,o=e.inject("queryParams",{}),l=e.inject("size"),a=e.ref({..._,...n.inputSetting});return(s,c)=>{const i=e.resolveComponent("el-input-number");return e.openBlock(),e.createBlock(i,e.mergeProps({modelValue:e.unref(o)[s.item.prop],"onUpdate:modelValue":c[0]||(c[0]=p=>e.unref(o)[s.item.prop]=p),size:e.unref(l)},a.value),null,16,["modelValue","size"])}}}),k=Symbol(),S={class:"input-graphic-verification"},z=["src"],q=e.defineComponent({__name:"index",props:{item:{}},setup(t){const{item:n}=t,{graphicSrc:o="",getGraphic:l=()=>{}}=n,{formLoading:a,updateFormLoading:s}=e.inject(k),c=async()=>{l&&!a.value&&await l()};return(i,p)=>{const y=e.resolveDirective("loading");return e.withDirectives((e.openBlock(),e.createElementBlock("div",S,[e.createVNode(h,{item:i.item,class:"input"},null,8,["item"]),e.createElementVNode("img",{class:"graphic",onClick:c,src:e.unref(o)},null,8,z)])),[[y,e.unref(a)]])}}}),W="",$=u(q,[["__scopeId","data-v-500ec9b0"]]),f="获取验证码",w=60,I=e.defineComponent({__name:"verification-button",props:{getSmscode:{type:Function}},setup(t){const{getSmscode:n}=t,o=e.ref(f),l=e.ref(null),a=e.computed(()=>o.value===f),s=()=>{l&&(clearInterval(l.value),l.value=null,o.value=f)},c=async()=>{if(o.value===f)if(o.value=w,l.value=setInterval(()=>{if(Number(o.value)<=0||!o.value){s();return}else o.value=Number(o.value)-1},1e3),n)await n()===!1&&s();else return};return e.onBeforeUnmount(()=>{s()}),(i,p)=>{const y=e.resolveComponent("el-button");return e.openBlock(),e.createBlock(y,{class:"verifiaction-button",style:e.normalizeStyle({color:a.value?"var(--color-primary, #409EFF)":"var(--text-color-placeholder, #A8ABB2)",cursor:a.value?"pointer":"default"}),onClick:c},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(a.value?f:o.value+"s"),1)]),_:1},8,["style"])}}}),H="",L=u(I,[["__scopeId","data-v-4074e137"]]),N=e.defineComponent({__name:"index",props:{item:{}},setup(t){const{item:n}=t,o=n;return o.template={append:()=>e.h(L,{getSmscode:o.getSmscode})},(l,a)=>(e.openBlock(),e.createBlock(h,{item:e.unref(o),class:"input"},null,8,["item"]))}}),F=e.defineComponent({components:{slotArchive:t=>{const{templateEle:n}=t;return n()}},props:{item:null},setup(){},data(){return{dividerSetting:{...this.item.dividerSetting}}},methods:{currentInputComponent(){return"slot-archive"}}});function D(t,n,o,l,a,s){const c=e.resolveComponent("el-divider");return e.openBlock(),e.createBlock(c,e.normalizeProps(e.guardReactiveProps(t.dividerSetting)),e.createSlots({_:2},[e.renderList(t.item.template,(i,p)=>({name:p,fn:e.withCtx(()=>[i?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.currentInputComponent()),{key:p,templateEle:i},null,8,["templateEle"])):e.createCommentVNode("",!0)])}))]),1040)}const U=u(F,[["render",D]]),E=e.defineComponent({name:"GeneralBasicForm",components:{Input:h,InputNumber:P,InputGraphicVerification:$,InputMobileVerification:N,Divider:U},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:"medium"},labelWidth:{type:String,default:"90px"},noUrlParameters:{type:Boolean,default:()=>!1},formData:{type:Object,default:()=>{}}},data(){return{formLoading:this.loading||!1,selectSetting:{placeholder:"请选择",clearable:!0,style:"width: 200px"},datePackerSetting:{style:"width: 227px","start-placeholder":"开始日期","end-placeholder":"结束日期",type:"daterange"}}},setup(t){const{size:n,noUrlParameters:o,getList:l}=t,a=C.useRoute(),s=e.ref({...o?{}:a==null?void 0:a.query});return e.provide("queryParams",s),e.provide("size",n),e.provide("getList",l),{queryParams:s}},watch:{formData(t){this.queryParams={...this.noUrlParameters?{}:this.queryParams,...t}},loading(t){this.formLoading!==t&&(this.formLoading=t)},formLoading(t){this.loading!==t&&this.$emit("update:loading",t)}},provide(){return{[k]:{formLoading:e.computed(()=>this.formLoading),updateFormLoading:t=>{this.formLoading=t}}}},methods:{handleQuery(){var o;const t={page:1,limit:10},n={...(o=this.$route)==null?void 0:o.query,...this.queryParams,...t};this.noUrlParameters||this.$router.push({query:{...n}}),this.getList({...n})},async resetQuery(){var n;this.$refs.queryFormRef.resetFields();const t={page:1};this.noUrlParameters||await this.$router.push({query:{...t}}),this.queryParams={...this.noUrlParameters?{}:(n=this.$route)==null?void 0:n.query},this.afterReset(),this.handleQuery()}}});function T(t,n,o,l,a,s){const c=e.resolveComponent("Input"),i=e.resolveComponent("InputGraphicVerification"),p=e.resolveComponent("InputMobileVerification"),y=e.resolveComponent("Divider"),G=e.resolveComponent("el-option"),R=e.resolveComponent("el-select"),A=e.resolveComponent("el-cascader"),O=e.resolveComponent("el-date-picker"),Q=e.resolveComponent("InputNumber"),g=e.resolveComponent("el-form-item"),B=e.resolveComponent("el-button"),K=e.resolveComponent("el-form"),M=e.resolveDirective("loading");return e.withDirectives((e.openBlock(),e.createBlock(K,e.mergeProps({model:t.queryParams,ref:"queryFormRef",inline:"","label-position":"left","label-width":t.labelWidth},t.$attrs),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.formItem,r=>(e.openBlock(),e.createBlock(g,{label:r.label,prop:r.prop,key:r.prop,rules:r.rules},{default:e.withCtx(()=>[r.type==="input"?(e.openBlock(),e.createBlock(c,{key:0,item:r},null,8,["item"])):e.createCommentVNode("",!0),r.type==="input-graphic-verification"?(e.openBlock(),e.createBlock(i,{item:r,key:r.key},null,8,["item"])):e.createCommentVNode("",!0),r.type==="input-mobile-verification"?(e.openBlock(),e.createBlock(p,{key:2,item:r},null,8,["item"])):e.createCommentVNode("",!0),r.type==="divider"?(e.openBlock(),e.createBlock(y,{key:3,item:r},null,8,["item"])):r.type==="select"?(e.openBlock(),e.createBlock(R,e.mergeProps({key:4,filterable:"",modelValue:t.queryParams[r.prop],"onUpdate:modelValue":m=>t.queryParams[r.prop]=m,size:t.size},r.selectSetting||t.selectSetting),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.option||[],m=>(e.openBlock(),e.createBlock(G,{key:m.value,label:m.desc,value:m.value},null,8,["label","value"]))),128))]),_:2},1040,["modelValue","onUpdate:modelValue","size"])):r.type==="cascader"?(e.openBlock(),e.createBlock(A,e.mergeProps({key:5,filterable:"",modelValue:t.queryParams[r.prop],"onUpdate:modelValue":m=>t.queryParams[r.prop]=m,size:t.size,options:r.options||[]},r.selectSetting||t.selectSetting),null,16,["modelValue","onUpdate:modelValue","size","options"])):r.type==="date-picker"?(e.openBlock(),e.createBlock(O,e.mergeProps({key:6,modelValue:t.queryParams[r.prop],"onUpdate:modelValue":m=>t.queryParams[r.prop]=m,size:t.size},r.datePackerSetting||t.datePackerSetting),null,16,["modelValue","onUpdate:modelValue","size"])):e.createCommentVNode("",!0),r.type==="input-number"?(e.openBlock(),e.createBlock(Q,{key:7,item:r},null,8,["item"])):e.createCommentVNode("",!0)]),_:2},1032,["label","prop","rules"]))),128)),e.renderSlot(t.$slots,"default"),t.formOnly?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(g,{key:0},{default:e.withCtx(()=>[e.withDirectives((e.openBlock(),e.createBlock(B,{type:"primary",icon:"el-icon-search",size:t.size,onClick:t.handleQuery},{default:e.withCtx(()=>[e.createTextVNode("查询")]),_:1},8,["size","onClick"])),[[M,t.formLoading]]),e.createVNode(B,{icon:"el-icon-refresh",size:t.size,onClick:t.resetQuery},{default:e.withCtx(()=>[e.createTextVNode("重置")]),_:1},8,["size","onClick"])]),_:1}))]),_:3},16,["model","label-width"])),[[e.vShow,t.showSearch]])}const j=u(E,[["render",T]]);d.VGeneralBasicForm=j,Object.defineProperty(d,Symbol.toStringTag,{value:"Module"})});
+(function(d,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("vue-router")):typeof define=="function"&&define.amd?define(["exports","vue","vue-router"],e):(d=typeof globalThis<"u"?globalThis:d||self,e(d.Index={},d.Vue,d["vue-router"]))})(this,function(d,e,V){"use strict";const k={placeholder:"请输入",style:"width: 200px",clearable:!0},b=e.defineComponent({components:{InputArchive:t=>{const{templateEle:n}=t;return n()}},props:{item:null},setup(){const t=e.inject("queryParams",{}),n=e.inject("getList"),o=e.inject("size");return{queryParams:t,getList:n,size:o}},data(){return{inputSetting:{...k,...this.item.inputSetting}}},methods:{currentInputComponent(){return"input-archive"}}}),y=(t,n)=>{const o=t.__vccOpts||t;for(const[a,l]of n)o[a]=l;return o};function P(t,n,o,a,l,c){const s=e.resolveComponent("el-input");return e.openBlock(),e.createBlock(s,e.mergeProps({onKeydown:e.withKeys(t.getList,["enter"]),modelValue:t.queryParams[t.item.prop],"onUpdate:modelValue":n[0]||(n[0]=i=>t.queryParams[t.item.prop]=i),size:t.size},t.inputSetting),e.createSlots({_:2},[e.renderList(t.item.template,(i,p)=>({name:p,fn:e.withCtx(()=>[i?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.currentInputComponent()),{key:p,templateEle:i},null,8,["templateEle"])):e.createCommentVNode("",!0)])}))]),1040,["onKeydown","modelValue","size"])}const h=y(b,[["render",P]]),S=e.defineComponent({__name:"index",props:{item:{}},setup(t){const{item:n}=t,o=e.inject("queryParams",{}),a=e.inject("size"),l=e.ref({...k,...n.inputSetting});return(c,s)=>{const i=e.resolveComponent("el-input-number");return e.openBlock(),e.createBlock(i,e.mergeProps({modelValue:e.unref(o)[c.item.prop],"onUpdate:modelValue":s[0]||(s[0]=p=>e.unref(o)[c.item.prop]=p),size:e.unref(a)},l.value),null,16,["modelValue","size"])}}}),g=Symbol(),z={class:"input-graphic-verification"},q=["src"],w=e.defineComponent({__name:"index",props:{item:{}},setup(t){const{item:n}=t,{graphicSrc:o="",getGraphic:a=()=>{}}=n,{formLoading:l,updateFormLoading:c}=e.inject(g),s=async()=>{a&&!l.value&&await a()};return(i,p)=>{const u=e.resolveDirective("loading");return e.withDirectives((e.openBlock(),e.createElementBlock("div",z,[e.createVNode(h,{item:i.item,class:"input"},null,8,["item"]),e.createElementVNode("img",{class:"graphic",onClick:s,src:e.unref(o)},null,8,q)])),[[u,e.unref(l)]])}}}),J="",$=y(w,[["__scopeId","data-v-500ec9b0"]]),_="获取验证码",I=60,L=e.defineComponent({__name:"verification-button",props:{getSmscode:{type:Function}},setup(t){const{getSmscode:n}=t,o=e.ref(_),a=e.ref(null),l=e.computed(()=>o.value===_),c=()=>{a&&(clearInterval(a.value),a.value=null,o.value=_)},s=async()=>{if(o.value===_)if(o.value=I,a.value=setInterval(()=>{if(Number(o.value)<=0||!o.value){c();return}else o.value=Number(o.value)-1},1e3),n)await n()===!1&&c();else return};return e.onBeforeUnmount(()=>{c()}),(i,p)=>{const u=e.resolveComponent("el-button");return e.openBlock(),e.createBlock(u,{class:"verifiaction-button",style:e.normalizeStyle({color:l.value?"var(--color-primary, #409EFF)":"var(--text-color-placeholder, #A8ABB2)",cursor:l.value?"pointer":"default"}),onClick:s},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(l.value?_:o.value+"s"),1)]),_:1},8,["style"])}}}),X="",N=y(L,[["__scopeId","data-v-4074e137"]]),F=e.defineComponent({__name:"index",props:{item:{}},setup(t){const{item:n}=t,o=n;return o.template={append:()=>e.h(N,{getSmscode:o.getSmscode})},(a,l)=>(e.openBlock(),e.createBlock(h,{item:e.unref(o),class:"input"},null,8,["item"]))}}),D=e.defineComponent({components:{slotArchive:t=>{const{templateEle:n}=t;return n()}},props:{item:null},setup(){},data(){return{dividerSetting:{...this.item.dividerSetting}}},methods:{currentInputComponent(){return"slot-archive"}}});function U(t,n,o,a,l,c){const s=e.resolveComponent("el-divider");return e.openBlock(),e.createBlock(s,e.normalizeProps(e.guardReactiveProps(t.dividerSetting)),e.createSlots({_:2},[e.renderList(t.item.template,(i,p)=>({name:p,fn:e.withCtx(()=>[i?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.currentInputComponent()),{key:p,templateEle:i},null,8,["templateEle"])):e.createCommentVNode("",!0)])}))]),1040)}const j=y(D,[["render",U]]),E=e.defineComponent({__name:"index",props:{item:{}},setup(t){const{item:n}=t,o=e.inject("queryParams",{}),a=e.inject("size"),l=e.ref({...n.radioSetting}),c=e.ref({...n.radioGroupSetting});return(s,i)=>{const p=e.resolveComponent("el-radio"),u=e.resolveComponent("el-radio-group");return e.openBlock(),e.createBlock(u,e.mergeProps({modelValue:e.unref(o)[s.item.prop],"onUpdate:modelValue":i[0]||(i[0]=f=>e.unref(o)[s.item.prop]=f),size:e.unref(a)},c.value),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.item.option||[],f=>(e.openBlock(),e.createBlock(p,e.mergeProps({size:e.unref(a),label:f.label,key:f.label},l.value),{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(f.value),1)]),_:2},1040,["size","label"]))),128))]),_:1},16,["modelValue","size"])}}}),G=e.defineComponent({name:"GeneralBasicForm",components:{Input:h,InputNumber:S,InputGraphicVerification:$,InputMobileVerification:F,Divider:j,Radio:E},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:"default"},labelWidth:{type:String,default:"90px"},noUrlParameters:{type:Boolean,default:()=>!1},formData:{type:Object,default:()=>{}}},data(){return{formLoading:this.loading||!1,selectSetting:{placeholder:"请选择",clearable:!0,style:"width: 200px"},datePackerSetting:{style:"width: 227px","start-placeholder":"开始日期","end-placeholder":"结束日期",type:"daterange"}}},setup(t){const{size:n,noUrlParameters:o,getList:a}=t,l=V.useRoute(),c=e.ref({...o?{}:l==null?void 0:l.query});return e.provide("queryParams",c),e.provide("size",n),e.provide("getList",a),{queryParams:c}},watch:{formData(t){this.queryParams={...this.noUrlParameters?{}:this.queryParams,...t}},loading(t){this.formLoading!==t&&(this.formLoading=t)},formLoading(t){this.loading!==t&&this.$emit("update:loading",t)}},provide(){return{[g]:{formLoading:e.computed(()=>this.formLoading),updateFormLoading:t=>{this.formLoading=t}}}},methods:{handleQuery(){var o;const t={page:1,limit:10},n={...(o=this.$route)==null?void 0:o.query,...this.queryParams,...t};this.noUrlParameters||this.$router.push({query:{...n}}),this.getList({...n})},async resetQuery(){var n;this.$refs.queryFormRef.resetFields();const t={page:1};this.noUrlParameters||await this.$router.push({query:{...t}}),this.queryParams={...this.noUrlParameters?{}:(n=this.$route)==null?void 0:n.query},this.afterReset(),this.handleQuery()}}});function T(t,n,o,a,l,c){const s=e.resolveComponent("Input"),i=e.resolveComponent("InputGraphicVerification"),p=e.resolveComponent("InputMobileVerification"),u=e.resolveComponent("Divider"),f=e.resolveComponent("Radio"),A=e.resolveComponent("el-option"),O=e.resolveComponent("el-select"),Q=e.resolveComponent("el-cascader"),K=e.resolveComponent("el-date-picker"),M=e.resolveComponent("InputNumber"),B=e.resolveComponent("el-form-item"),C=e.resolveComponent("el-button"),W=e.resolveComponent("el-form"),H=e.resolveDirective("loading");return e.withDirectives((e.openBlock(),e.createBlock(W,e.mergeProps({model:t.queryParams,ref:"queryFormRef",inline:"","label-position":"left","label-width":t.labelWidth},t.$attrs),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.formItem,r=>(e.openBlock(),e.createBlock(B,{label:r.label,prop:r.prop,key:r.prop,rules:r.rules},{default:e.withCtx(()=>[r.type==="input"?(e.openBlock(),e.createBlock(s,{key:0,item:r},null,8,["item"])):e.createCommentVNode("",!0),r.type==="input-graphic-verification"?(e.openBlock(),e.createBlock(i,{item:r,key:r.key},null,8,["item"])):e.createCommentVNode("",!0),r.type==="input-mobile-verification"?(e.openBlock(),e.createBlock(p,{key:2,item:r},null,8,["item"])):e.createCommentVNode("",!0),r.type==="divider"?(e.openBlock(),e.createBlock(u,{key:3,item:r},null,8,["item"])):e.createCommentVNode("",!0),r.type==="radio"?(e.openBlock(),e.createBlock(f,{key:4,item:r},null,8,["item"])):e.createCommentVNode("",!0),r.type==="select"?(e.openBlock(),e.createBlock(O,e.mergeProps({key:5,filterable:"",modelValue:t.queryParams[r.prop],"onUpdate:modelValue":m=>t.queryParams[r.prop]=m,size:t.size},r.selectSetting||t.selectSetting),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.option||[],m=>(e.openBlock(),e.createBlock(A,{key:m.value,label:m.label,value:m.value},null,8,["label","value"]))),128))]),_:2},1040,["modelValue","onUpdate:modelValue","size"])):e.createCommentVNode("",!0),r.type==="cascader"?(e.openBlock(),e.createBlock(Q,e.mergeProps({key:6,filterable:"",modelValue:t.queryParams[r.prop],"onUpdate:modelValue":m=>t.queryParams[r.prop]=m,size:t.size,options:r.options||[]},r.selectSetting||t.selectSetting),null,16,["modelValue","onUpdate:modelValue","size","options"])):e.createCommentVNode("",!0),r.type==="date-picker"?(e.openBlock(),e.createBlock(K,e.mergeProps({key:7,modelValue:t.queryParams[r.prop],"onUpdate:modelValue":m=>t.queryParams[r.prop]=m,size:t.size},r.datePackerSetting||t.datePackerSetting),null,16,["modelValue","onUpdate:modelValue","size"])):e.createCommentVNode("",!0),r.type==="input-number"?(e.openBlock(),e.createBlock(M,{key:8,item:r},null,8,["item"])):e.createCommentVNode("",!0)]),_:2},1032,["label","prop","rules"]))),128)),e.renderSlot(t.$slots,"default"),t.formOnly?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(B,{key:0},{default:e.withCtx(()=>[e.withDirectives((e.openBlock(),e.createBlock(C,{type:"primary",icon:"el-icon-search",size:t.size,onClick:t.handleQuery},{default:e.withCtx(()=>[e.createTextVNode("查询")]),_:1},8,["size","onClick"])),[[H,t.formLoading]]),e.createVNode(C,{icon:"el-icon-refresh",size:t.size,onClick:t.resetQuery},{default:e.withCtx(()=>[e.createTextVNode("重置")]),_:1},8,["size","onClick"])]),_:1}))]),_:3},16,["model","label-width"])),[[e.vShow,t.showSearch]])}const R=y(G,[["render",T]]);d.VGeneralBasicForm=R,Object.defineProperty(d,Symbol.toStringTag,{value:"Module"})});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "general-basic-form",
-  "version": "2.0.6",
+  "version": "2.0.8",
   "description": "",
   "main": "./dist/index.umd.cjs",
   "type": "module",
@@ -10,7 +10,8 @@
     "build-only": "vite build",
     "type-check": "tsc --noEmit -p tsconfig.json --composite false",
     "link": "tsx script/link.ts && yarn link",
-    "unlink": "tsx script/unlink.ts && yarn unlink && run-p build"
+    "unlink": "tsx script/unlink.ts && yarn unlink && run-p build",
+    "unlinkSetting": "tsx script/unlink.ts"
   },
   "keywords": [
     "general-basic-form",
@@ -51,7 +52,8 @@
     ".": {
       "import": "./dist/index.js",
       "require": "./dist/index.umd.cjs"
-    }
+    },
+    "./style": "./dist/style.css"
   },
   "files": [
     "/dist"