hs-admin-ui 8.9.2 → 8.9.3

package/dist/{index-Bm4x0U_M.mjs → index-DvETxL01.mjs}

@@ -131385,7 +131385,7 @@ const dynamicRoutes = [
   {
     path: "/",
     name: "/",
-    component: () => import("./index-D7-5nyPv.mjs"),
+    component: () => import("./index-BGL2Au0S.mjs"),
     redirect: "/home",
     meta: {
       isKeepAlive: true
@@ -131397,7 +131397,7 @@ const notFoundAndNoPower = [
   {
     path: "/:path(.*)*",
     name: "notFound",
-    component: () => import("./404-DR3BUw8n.mjs"),
+    component: () => import("./404-LTUbV0EQ.mjs"),
     meta: {
       title: "找不到此页面",
       isHide: true
@@ -131406,7 +131406,7 @@ const notFoundAndNoPower = [
   {
     path: "/401",
     name: "noPower",
-    component: () => import("./401-C9jdU8QT.mjs"),
+    component: () => import("./401-B_DJeM9x.mjs"),
     meta: {
       title: "没有权限",
       isHide: true
@@ -131417,7 +131417,7 @@ const staticRoutes = [
   {
     path: "/login",
     name: "login",
-    component: () => import("./index-BIKrIK65.mjs"),
+    component: () => import("./index-V9SDENcZ.mjs"),
     meta: {
       title: "登录"
     }
@@ -134641,8 +134641,8 @@ function useMenuController() {
   };
 }
 const menuApi = useMenuController();
-const layouModules = /* @__PURE__ */ Object.assign({ "../layout/routerView/iframes.vue": () => import("./iframes-uNR0XjSZ.mjs"), "../layout/routerView/link.vue": () => import("./link-B-gV66OI.mjs"), "../layout/routerView/parent.vue": () => import("./parent-D6FuBEdS.mjs") });
-const viewsModules = /* @__PURE__ */ Object.assign({ "../views/config/buttonManagement/btnIndex.vue": () => import("./btnIndex-C7YP_oxB.mjs"), "../views/config/buttonManagement/dialog.vue": () => import("./dialog-Cbo-zwTM.mjs"), "../views/config/buttonManagement/index.vue": () => import("./index-D41VNzbg.mjs"), "../views/config/commonConfig/components/commonConfigList.vue": () => import("./commonConfigList-C-u-Hz1u.mjs"), "../views/config/commonConfig/index.vue": () => import("./index-CWSiT-DS.mjs"), "../views/config/dataAuth/dialog.vue": () => import("./dialog-D47RHH8E.mjs"), "../views/config/dataAuth/index.vue": () => import("./index-CAbeLWbE.mjs"), "../views/config/dataDict/components/dict/dictDialog.vue": () => import("./dictDialog-CRUeeJaQ.mjs"), "../views/config/dataDict/components/dictItem/dictItemDialog.vue": () => import("./dictItemDialog-ClA5SK80.mjs"), "../views/config/dataDict/index.vue": () => import("./index-Dn3YiiJk.mjs"), "../views/config/fieldPool/components/dialog/index.vue": () => import("./index-6a-vrHqU.mjs"), "../views/config/fieldPool/components/formAttr/index.vue": () => import("./index-k3MOB9ok.mjs"), "../views/config/fieldPool/components/searchFormAttr/index.vue": () => import("./index-DYXD-hh-.mjs"), "../views/config/fieldPool/components/tableAttr/index.vue": () => import("./index-C7jtvOUp.mjs"), "../views/config/fieldPool/index.vue": () => import("./index-B7aTIioN.mjs"), "../views/config/formSetting/components/hsBtn/src/hsAttrBtn.vue": () => import("./hsAttrBtn-CFiPDc_D.mjs"), "../views/config/formSetting/components/hsBtn/src/hsBtnConfigList.vue": () => import("./hsBtnConfigList-mA3bEp7W.mjs"), "../views/config/formSetting/components/hsBtn/src/hsBtnItemConfig.vue": () => import("./hsBtnItemConfig-C_CBwf9-.mjs"), "../views/config/formSetting/components/hsBtn/src/hsBtnPanel.vue": () => import("./hsBtnPanel-CZ0KRl59.mjs"), "../views/config/formSetting/components/hsExpand/src/hsExpand.vue": () => import("./hsExpand-VNIxQvYQ.mjs"), "../views/config/formSetting/components/hsForm/src/contextmenu.vue": () => import("./contextmenu-nyB8BXaM.mjs"), "../views/config/formSetting/components/hsForm/src/hsAttrForm.vue": () => import("./hsAttrForm-BEcHg4uv.mjs"), "../views/config/formSetting/components/hsForm/src/hsCheckbox.vue": () => import("./hsCheckbox-tRIRuNcX.mjs"), "../views/config/formSetting/components/hsForm/src/hsFormConfig.vue": () => import("./hsFormConfig-COgwg7XY.mjs"), "../views/config/formSetting/components/hsForm/src/hsFormConfigList.vue": () => import("./hsFormConfigList-BKJbQxc-.mjs"), "../views/config/formSetting/components/hsForm/src/hsFormPanel.vue": () => import("./hsFormPanel-p86wX_9y.mjs"), "../views/config/formSetting/components/hsForm/src/hsFormParse.vue": () => import("./hsFormParse-BNJPSLrU.mjs"), "../views/config/formSetting/components/hsSaveForm/src/cloneConfigDialog.vue": () => import("./cloneConfigDialog-Bjl7KPbR.mjs"), "../views/config/formSetting/components/hsSaveForm/src/saveForm.vue": () => import("./saveForm-DwrD4-c7.mjs"), "../views/config/formSetting/components/selectConfig/selectConfig.vue": () => import("./selectConfig-DQzjquRp.mjs"), "../views/config/formSetting/formConfig.vue": () => import("./formConfig-Daf3f6jt.mjs"), "../views/config/formSetting/index.vue": () => import("./index-D-bOYuVl.mjs"), "../views/config/index.vue": () => import("./index-BKcgs385.mjs"), "../views/config/pageElement/components/hsPanelItem/hsPanelItem.vue": () => import("./hsPanelItem-0Yph_QU7.mjs"), "../views/config/pageElement/index.vue": () => import("./index-lMD3enqi.mjs"), "../views/config/parseAPI/index.vue": () => import("./index-DKLypVPs.mjs"), "../views/config/system/component/addOrEditSystem/index.vue": () => import("./index-BhSfxNOq.mjs"), "../views/config/system/component/copySystem/copySystem.vue": () => import("./copySystem-DyS8klKm.mjs"), "../views/config/system/index.vue": () => import("./index-Ciw_mmOv.mjs"), "../views/config/table/index.vue": () => import("./index-BJSoeE5q.mjs"), "../views/error/401.vue": () => import("./401-C9jdU8QT.mjs"), "../views/error/404.vue": () => import("./404-DR3BUw8n.mjs"), "../views/home/index.vue": () => import("./index-CXaO0b8f.mjs"), "../views/login/component/account.vue": () => import("./account-BI3r-Q4G.mjs"), "../views/login/component/mobile.vue": () => import("./mobile-BukUrcQd.mjs"), "../views/login/component/scan.vue": () => import("./scan-BK6bPvGL.mjs"), "../views/login/index.vue": () => import("./index-BIKrIK65.mjs"), "../views/system/dept/dialog.vue": () => import("./dialog-BEl3p3pT.mjs"), "../views/system/dept/index.vue": () => import("./index-59LkaCqn.mjs"), "../views/system/dic/dialog.vue": () => import("./dialog-CuCf2uk1.mjs"), "../views/system/dic/index.vue": () => import("./index-CzcloeRS.mjs"), "../views/system/menu/copyMenuConfig.vue": () => import("./copyMenuConfig-DOH5DoYg.mjs"), "../views/system/menu/dialog.vue": () => import("./dialog-BtabE-kE.mjs"), "../views/system/menu/index.vue": () => import("./index-iftS76SQ.mjs"), "../views/system/role/component/roleItem.vue": () => import("./roleItem-Cettr5nP.mjs"), "../views/system/role/component/userSelect.vue": () => import("./userSelect-BHLOiD3v.mjs"), "../views/system/role/index.vue": () => import("./index-Cx5U8P4A.mjs"), "../views/system/user/dialog.vue": () => import("./dialog-BLSiC-iw.mjs"), "../views/system/user/index.vue": () => import("./index-COiT5UMN.mjs"), "../views/test/form/index.vue": () => import("./index-M5OZnSGg.mjs"), "../views/test/mxEditor/components/popup/popup.vue": () => import("./popup-GQUqYaPy.mjs"), "../views/test/mxEditor/index.vue": () => import("./index-BK6mbQHY.mjs"), "../views/test/rtc/index.vue": () => import("./index-EwuS0APG.mjs"), "../views/test/table/components/editDialog/editDialog.vue": () => import("./editDialog-B8f4aTVP.mjs"), "../views/test/table/components/replaceRules/replaceRules.vue": () => import("./replaceRules-DuZ36lVw.mjs"), "../views/test/table/index.vue": () => import("./index-_Ta7XuhA.mjs"), "../views/test/test/bc-scan-code-upload/index.vue": () => import("./index-7270SU-e.mjs"), "../views/test/test/bc-signature/index.vue": () => import("./index-CUA2dLib.mjs"), "../views/test/test/index copy.vue": () => import("./index copy-BaQIJgEZ.mjs"), "../views/test/test/index.vue": () => import("./index-DiQP9egY.mjs"), "../views/test/test/uploadAvatar.vue": () => import("./uploadAvatar-Clv8WnYE.mjs") });
+const layouModules = /* @__PURE__ */ Object.assign({ "../layout/routerView/iframes.vue": () => import("./iframes-CSWtdAzA.mjs"), "../layout/routerView/link.vue": () => import("./link-Du1zE1VS.mjs"), "../layout/routerView/parent.vue": () => import("./parent-B2kuljEL.mjs") });
+const viewsModules = /* @__PURE__ */ Object.assign({ "../views/config/buttonManagement/btnIndex.vue": () => import("./btnIndex-BeCmTe7c.mjs"), "../views/config/buttonManagement/dialog.vue": () => import("./dialog-B_s7T-z2.mjs"), "../views/config/buttonManagement/index.vue": () => import("./index-D41VNzbg.mjs"), "../views/config/commonConfig/components/commonConfigList.vue": () => import("./commonConfigList-C-u-Hz1u.mjs"), "../views/config/commonConfig/index.vue": () => import("./index-PU4bVl9p.mjs"), "../views/config/dataAuth/dialog.vue": () => import("./dialog-DsQzWExm.mjs"), "../views/config/dataAuth/index.vue": () => import("./index-D3jvaNxB.mjs"), "../views/config/dataDict/components/dict/dictDialog.vue": () => import("./dictDialog-B8echph2.mjs"), "../views/config/dataDict/components/dictItem/dictItemDialog.vue": () => import("./dictItemDialog-DyOlaFDe.mjs"), "../views/config/dataDict/index.vue": () => import("./index-CzAwFGeG.mjs"), "../views/config/fieldPool/components/dialog/index.vue": () => import("./index-CnOgBFgI.mjs"), "../views/config/fieldPool/components/formAttr/index.vue": () => import("./index-D2M88SrA.mjs"), "../views/config/fieldPool/components/searchFormAttr/index.vue": () => import("./index-CFxAdsyL.mjs"), "../views/config/fieldPool/components/tableAttr/index.vue": () => import("./index-CrOoYK51.mjs"), "../views/config/fieldPool/index.vue": () => import("./index-BsS93eKg.mjs"), "../views/config/formSetting/components/hsBtn/src/hsAttrBtn.vue": () => import("./hsAttrBtn-muZc9EW7.mjs"), "../views/config/formSetting/components/hsBtn/src/hsBtnConfigList.vue": () => import("./hsBtnConfigList-CGmJ2o6O.mjs"), "../views/config/formSetting/components/hsBtn/src/hsBtnItemConfig.vue": () => import("./hsBtnItemConfig-C9Ua-GAt.mjs"), "../views/config/formSetting/components/hsBtn/src/hsBtnPanel.vue": () => import("./hsBtnPanel-CEgikcyP.mjs"), "../views/config/formSetting/components/hsExpand/src/hsExpand.vue": () => import("./hsExpand-fD7HJdii.mjs"), "../views/config/formSetting/components/hsForm/src/contextmenu.vue": () => import("./contextmenu-uxE2XaNr.mjs"), "../views/config/formSetting/components/hsForm/src/hsAttrForm.vue": () => import("./hsAttrForm-BsNz69dy.mjs"), "../views/config/formSetting/components/hsForm/src/hsCheckbox.vue": () => import("./hsCheckbox-tRIRuNcX.mjs"), "../views/config/formSetting/components/hsForm/src/hsFormConfig.vue": () => import("./hsFormConfig-Draw6-ib.mjs"), "../views/config/formSetting/components/hsForm/src/hsFormConfigList.vue": () => import("./hsFormConfigList-B5uPtmYr.mjs"), "../views/config/formSetting/components/hsForm/src/hsFormPanel.vue": () => import("./hsFormPanel-ByswlpL6.mjs"), "../views/config/formSetting/components/hsForm/src/hsFormParse.vue": () => import("./hsFormParse-Bhenq19A.mjs"), "../views/config/formSetting/components/hsSaveForm/src/cloneConfigDialog.vue": () => import("./cloneConfigDialog-C1qPkTR9.mjs"), "../views/config/formSetting/components/hsSaveForm/src/saveForm.vue": () => import("./saveForm-kuHZxwM6.mjs"), "../views/config/formSetting/components/selectConfig/selectConfig.vue": () => import("./selectConfig-DtTQzreu.mjs"), "../views/config/formSetting/formConfig.vue": () => import("./formConfig-yh6N0_zI.mjs"), "../views/config/formSetting/index.vue": () => import("./index-CqT0mNKb.mjs"), "../views/config/index.vue": () => import("./index-C2XDMtk5.mjs"), "../views/config/pageElement/components/hsPanelItem/hsPanelItem.vue": () => import("./hsPanelItem-BAhhWlbq.mjs"), "../views/config/pageElement/index.vue": () => import("./index-BokRSIQ9.mjs"), "../views/config/parseAPI/index.vue": () => import("./index-DFN0U7np.mjs"), "../views/config/system/component/addOrEditSystem/index.vue": () => import("./index-D1atoFJ4.mjs"), "../views/config/system/component/copySystem/copySystem.vue": () => import("./copySystem-BJFWNp6f.mjs"), "../views/config/system/index.vue": () => import("./index-CLTWA8he.mjs"), "../views/config/table/index.vue": () => import("./index-DzVE5kkA.mjs"), "../views/error/401.vue": () => import("./401-B_DJeM9x.mjs"), "../views/error/404.vue": () => import("./404-LTUbV0EQ.mjs"), "../views/home/index.vue": () => import("./index-Bo7YzBtA.mjs"), "../views/login/component/account.vue": () => import("./account-DNOPEuQ2.mjs"), "../views/login/component/mobile.vue": () => import("./mobile-Df6RvUkG.mjs"), "../views/login/component/scan.vue": () => import("./scan-BZHuBrzs.mjs"), "../views/login/index.vue": () => import("./index-V9SDENcZ.mjs"), "../views/system/dept/dialog.vue": () => import("./dialog-BEl3p3pT.mjs"), "../views/system/dept/index.vue": () => import("./index-DItIrEZO.mjs"), "../views/system/dic/dialog.vue": () => import("./dialog-CuCf2uk1.mjs"), "../views/system/dic/index.vue": () => import("./index-BMdALfnU.mjs"), "../views/system/menu/copyMenuConfig.vue": () => import("./copyMenuConfig-8aN1zmUB.mjs"), "../views/system/menu/dialog.vue": () => import("./dialog-BDKPLTCp.mjs"), "../views/system/menu/index.vue": () => import("./index-BweGsple.mjs"), "../views/system/role/component/roleItem.vue": () => import("./roleItem-BbxCMaID.mjs"), "../views/system/role/component/userSelect.vue": () => import("./userSelect-BlQXpzAs.mjs"), "../views/system/role/index.vue": () => import("./index-obc-59PR.mjs"), "../views/system/user/dialog.vue": () => import("./dialog-BLSiC-iw.mjs"), "../views/system/user/index.vue": () => import("./index-BRjzOdJj.mjs"), "../views/test/form/index.vue": () => import("./index-M5OZnSGg.mjs"), "../views/test/mxEditor/components/popup/popup.vue": () => import("./popup-CtCvnlE3.mjs"), "../views/test/mxEditor/index.vue": () => import("./index-CsQrKVoN.mjs"), "../views/test/rtc/index.vue": () => import("./index-BCVvhP4X.mjs"), "../views/test/table/components/editDialog/editDialog.vue": () => import("./editDialog-BDV4zBRN.mjs"), "../views/test/table/components/replaceRules/replaceRules.vue": () => import("./replaceRules-fOcpCHTW.mjs"), "../views/test/table/index.vue": () => import("./index-CXazwuIq.mjs"), "../views/test/test/bc-scan-code-upload/index.vue": () => import("./index-DMRHg2gz.mjs"), "../views/test/test/bc-signature/index.vue": () => import("./index-Byfw8QB8.mjs"), "../views/test/test/index copy.vue": () => import("./index copy-BEL97Kl4.mjs"), "../views/test/test/index.vue": () => import("./index-BPBWv1h-.mjs"), "../views/test/test/uploadAvatar.vue": () => import("./uploadAvatar-LRYJb9fa.mjs") });
 const dynamicViewsModules = Object.assign({}, { ...layouModules }, { ...viewsModules });
 async function initBackEndControlRoutes() {
   if (window.nextLoading === void 0)
@@ -171848,7 +171848,7 @@ var zhCn = {
   }
 };
 const _hoisted_1$17 = { class: "popup-wrapper" };
-const _hoisted_2$H = { class: "content" };
+const _hoisted_2$I = { class: "content" };
 const _hoisted_3$v = { key: 0 };
 const __default__$X = defineComponent({
   name: "showPopupComponent"
@@ -171875,7 +171875,7 @@ const _sfc_main$1t = /* @__PURE__ */ defineComponent({
       const _component_el_config_provider = resolveComponent("el-config-provider");
       const _component_hs_button = resolveComponent("hs-button");
       return openBlock(), createElementBlock("div", _hoisted_1$17, [
-        createElementVNode("div", _hoisted_2$H, [
+        createElementVNode("div", _hoisted_2$I, [
           createVNode(_component_el_config_provider, { locale: unref(zhCn) }, {
             default: withCtx(() => [
               renderSlot(_ctx.$slots, "default", {}, void 0, true)
@@ -178212,7 +178212,7 @@ const _hoisted_1$16 = {
   key: 0,
   class: "base-form-wraper"
 };
-const _hoisted_2$G = {
+const _hoisted_2$H = {
   key: 0,
   class: "btn-wraper"
 };
@@ -178351,7 +178351,7 @@ const _sfc_main$1p = /* @__PURE__ */ defineComponent({
       const _component_hs_form_item = resolveComponent("hs-form-item");
       const _component_hs_form = resolveComponent("hs-form");
       return ((_a2 = _ctx.data) == null ? void 0 : _a2.config_unique_id) ? (openBlock(), createElementBlock("div", _hoisted_1$16, [
-        ((_c = (_b = _ctx.data) == null ? void 0 : _b.btns) == null ? void 0 : _c.length) > 0 ? (openBlock(), createElementBlock("div", _hoisted_2$G, [
+        ((_c = (_b = _ctx.data) == null ? void 0 : _b.btns) == null ? void 0 : _c.length) > 0 ? (openBlock(), createElementBlock("div", _hoisted_2$H, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.data.btns, (btn) => {
             return openBlock(), createElementBlock(Fragment, {
               key: btn.id
@@ -178602,6 +178602,7 @@ const _sfc_main$1o = /* @__PURE__ */ defineComponent({
         return currentConfig;
       }
     };
+    const getFieldID = (index2 = 0) => Object.keys(formData2.value.data)[index2];
     const getDataInstance = () => formData2.value;
     const getOptions = (field) => bcBoxApi == null ? void 0 : bcBoxApi.getOptions(field);
     const showLoading = () => {
@@ -178648,6 +178649,7 @@ const _sfc_main$1o = /* @__PURE__ */ defineComponent({
             dataInstance: formData2,
             getDataInstance,
             getItemConfig,
+            getFieldID,
             submit,
             getOptions,
             showLoading,
@@ -178720,9 +178722,9 @@ const _sfc_main$1o = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const bcForm = /* @__PURE__ */ _export_sfc$1(_sfc_main$1o, [["__scopeId", "data-v-d9abdbb8"]]);
+const bcForm = /* @__PURE__ */ _export_sfc$1(_sfc_main$1o, [["__scopeId", "data-v-9dd9ba1a"]]);
 const _hoisted_1$15 = { class: "search-btn" };
-const _hoisted_2$F = { class: "item-wrap" };
+const _hoisted_2$G = { class: "item-wrap" };
 const __default__$R = defineComponent({
   name: "formSearchBtn"
 });
@@ -178747,7 +178749,7 @@ const _sfc_main$1n = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       const _component_bc_button = resolveComponent("bc-button");
       return openBlock(), createElementBlock("div", _hoisted_1$15, [
-        createElementVNode("div", _hoisted_2$F, [
+        createElementVNode("div", _hoisted_2$G, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.btns, (btn) => {
             return openBlock(), createElementBlock(Fragment, {
               key: btn.id
@@ -178776,7 +178778,7 @@ const _sfc_main$1n = /* @__PURE__ */ defineComponent({
 });
 const FormSearchBtn = /* @__PURE__ */ _export_sfc$1(_sfc_main$1n, [["__scopeId", "data-v-af382c1f"]]);
 const _hoisted_1$14 = { class: "bc-form__wrapper" };
-const _hoisted_2$E = {
+const _hoisted_2$F = {
   key: 0,
   class: "bc-form__btn"
 };
@@ -178981,7 +178983,7 @@ const _sfc_main$1m = /* @__PURE__ */ defineComponent({
             ]),
             _: 3
           }, 16, ["model", "style"]),
-          !(_ctx.columnNum > 0) ? (openBlock(), createElementBlock("div", _hoisted_2$E, [
+          !(_ctx.columnNum > 0) ? (openBlock(), createElementBlock("div", _hoisted_2$F, [
             formItemList.value.length !== formConfigList.value.length ? (openBlock(), createBlock(_component_hs_button, {
               key: 0,
               size: "small",
@@ -180647,7 +180649,7 @@ const _sfc_main$1l = /* @__PURE__ */ defineComponent({
 });
 const FormDrag = /* @__PURE__ */ _export_sfc$1(_sfc_main$1l, [["__scopeId", "data-v-14b57b01"]]);
 const _hoisted_1$13 = { class: "sort-form-wraper" };
-const _hoisted_2$D = { class: "sort-form-wraper__content" };
+const _hoisted_2$E = { class: "sort-form-wraper__content" };
 const _hoisted_3$t = { class: "content__wrap" };
 const _hoisted_4$h = { class: "sort-target drag li" };
 const _hoisted_5$9 = { class: "li name" };
@@ -180879,7 +180881,7 @@ const _sfc_main$1k = /* @__PURE__ */ defineComponent({
       const _component_el_select = resolveComponent("el-select");
       const _component_hs_button = resolveComponent("hs-button");
       return openBlock(), createElementBlock("div", _hoisted_1$13, [
-        createElementVNode("div", _hoisted_2$D, [
+        createElementVNode("div", _hoisted_2$E, [
           createElementVNode("div", _hoisted_3$t, [
             _cache[7] || (_cache[7] = createStaticVNode('<div class="head" data-v-bdd1ba42><span class="drag" data-v-bdd1ba42>拖动</span><span class="name" data-v-bdd1ba42>列名称</span><span class="status" data-v-bdd1ba42>显示状态</span><span class="index" data-v-bdd1ba42>排序值</span></div>', 1)),
             createVNode(unref(to$1), {
@@ -181547,7 +181549,7 @@ const _hoisted_1$11 = {
   key: 0,
   class: "item-wrap"
 };
-const _hoisted_2$C = ["onClick"];
+const _hoisted_2$D = ["onClick"];
 const __default__$M = defineComponent({
   name: "formTabs"
 });
@@ -181592,7 +181594,7 @@ const _sfc_main$1i = /* @__PURE__ */ defineComponent({
                 }, item || {}), void 0, true) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
                   createTextVNode(toDisplayString(item.baseData["tableName"]), 1)
                 ], 64))
-              ], 10, _hoisted_2$C);
+              ], 10, _hoisted_2$D);
             }), 128))
           ])) : createCommentVNode("", true)
         ], 2),
@@ -181995,7 +181997,6 @@ function useButon(formRef, props) {
         props.data.form.formData[i2] = initCanche[i2];
       });
     }
-    bcTableApi == null ? void 0 : bcTableApi.clearCheckboxRow();
     if (noSearch) {
       if (typeof noSearch === "function") {
         noSearch();
@@ -182003,6 +182004,7 @@ function useButon(formRef, props) {
       }
       return nextTick();
     }
+    bcTableApi == null ? void 0 : bcTableApi.clearCheckboxRow();
     return search();
   }
   async function search(table_id, query) {
@@ -182134,7 +182136,7 @@ function useButon(formRef, props) {
   };
 }
 const _hoisted_1$$ = { class: "sort-form-wraper" };
-const _hoisted_2$B = { class: "sort-form-wraper__content" };
+const _hoisted_2$C = { class: "sort-form-wraper__content" };
 const _hoisted_3$s = { class: "content__wrap" };
 const _hoisted_4$g = { class: "sort-target drag li" };
 const _hoisted_5$8 = { class: "li name" };
@@ -182324,7 +182326,7 @@ const _sfc_main$1g = /* @__PURE__ */ defineComponent({
       const _component_hs_switch = resolveComponent("hs-switch");
       const _component_hs_button = resolveComponent("hs-button");
       return openBlock(), createElementBlock("div", _hoisted_1$$, [
-        createElementVNode("div", _hoisted_2$B, [
+        createElementVNode("div", _hoisted_2$C, [
           createElementVNode("div", _hoisted_3$s, [
             _cache[4] || (_cache[4] = createStaticVNode('<div class="head" data-v-c742493c><span class="drag" data-v-c742493c>拖动</span><span class="name" data-v-c742493c>列名称</span><span class="status" data-v-c742493c>显示状态</span><span class="index" data-v-c742493c>排序值</span></div>', 1)),
             createVNode(unref(to$1), {
@@ -183275,16 +183277,12 @@ function useTable(props) {
     };
   }
   function resetCheckboxRow(selecteds) {
-    var _a2, _b, _c;
+    var _a2;
     _$4.set(checkSelected.value, `data.${getActiveTab()}`, selecteds || []);
     if (_$4.isEmpty(_$4.get(checkSelected.value, `data.${getActiveTab()}`, []))) {
-      const btn = (_a2 = formTableData.value) == null ? void 0 : _a2.btns.find((i2) => ["exportSelect", "exportSelectedData"].includes(i2.data.key));
-      if (btn) {
-        btn.data.disabled = true;
-      }
-      (_b = getApi()) == null ? void 0 : _b.clearCheckboxRow();
+      clearCheckboxRow();
     } else {
-      (_c = getApi()) == null ? void 0 : _c.setCheckboxRow(_$4.get(checkSelected.value, `data.${getActiveTab()}`, []), true);
+      (_a2 = getApi()) == null ? void 0 : _a2.setCheckboxRow(_$4.get(checkSelected.value, `data.${getActiveTab()}`, []), true);
     }
   }
   function clearCheckboxRow() {
@@ -183733,7 +183731,7 @@ const useConfigInfo = defineStore("configInfo", {
   }
 });
 const _hoisted_1$Z = { class: "text-[#606266] truncate" };
-const _hoisted_2$A = { key: 0 };
+const _hoisted_2$B = { key: 0 };
 const _sfc_main$1c = /* @__PURE__ */ defineComponent({
   __name: "bcFormConfig",
   props: {
@@ -183888,7 +183886,7 @@ const _sfc_main$1c = /* @__PURE__ */ defineComponent({
                           label: withCtx(() => [
                             createElementVNode("span", _hoisted_1$Z, [
                               createTextVNode("  " + toDisplayString(item["label"]) + "  ", 1),
-                              __props.parentConfig.showColon ? (openBlock(), createElementBlock("span", _hoisted_2$A, ":   ")) : createCommentVNode("", true)
+                              __props.parentConfig.showColon ? (openBlock(), createElementBlock("span", _hoisted_2$B, ":   ")) : createCommentVNode("", true)
                             ]),
                             createVNode(_component_el_tooltip, {
                               class: "box-item",
@@ -184267,7 +184265,7 @@ const _sfc_main$1b = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const bcTreeSearch = /* @__PURE__ */ _export_sfc$1(_sfc_main$1b, [["__scopeId", "data-v-8ffaaeec"]]);
+const bcTreeSearch = /* @__PURE__ */ _export_sfc$1(_sfc_main$1b, [["__scopeId", "data-v-371e31ba"]]);
 const __default__$G = defineComponent({
   name: "bcTreeSelect"
 });
@@ -184675,553 +184673,1390 @@ const inputAttrConfigMap = {
     rules: ""
   }
 };
-let parentFormData = {
-  size: "default",
-  rules: "",
-  //  表单校验规则
-  inline: true,
-  // 行内表单模式
-  labelPosition: "left",
-  // 表单域标签的位置
-  labelWidth: "80",
-  // 表单域标签的宽度
-  labelSuffix: "",
-  // 表单域标签的后缀
-  hideRequiredAsterisk: false,
-  // 是否隐藏必填标识
-  requireAsteriskPosition: "left",
-  // 必填标识的位置
-  showMessage: true,
-  // 是否显示校验错误信息
-  inlineMessage: false,
-  // 是否以行内展示校验信息
-  statusIcon: false,
-  // 是否框中显示校验反馈图标
-  validateOnRuleChange: true,
-  // 是否触发第一次验证
-  disabled: false,
-  // 是否禁用该表单项
-  scrollToError: false,
-  // 滚动至首个校验失败的表单
-  gutter: 10,
-  // 栅格间隔
-  justify: "start",
-  // flex 布局下的水平排列方式
-  align: "",
-  // flex 布局下的垂直排列方式
-  isSetDictDefaultValue: true,
-  // 是否取字典项的默认值
-  isSupportShortcutKey: true,
-  // 是否支持表单回车快捷功能
-  submitUrl: "",
-  // 提交表单的请求api
-  submitSuccessMsg: "",
-  // 表单提交成功的提示信息
-  isVerifySearch: false,
-  // 是否校验查询参数
-  isQuickSearch: false,
-  // 是否校验查询参数
-  isClosedKeyStroke: false
-  // 是否关闭键盘事件
-};
-let parentFormConfig = [
-  { prop: "rules", label: "表单验证规则", type: "textarea", el: "hs-input" },
-  { prop: "inline", label: "行内表单模式", el: "hs-switch" },
-  {
-    prop: "labelPosition",
-    label: "表单域标签的位置",
-    el: "hs-select",
-    tooltip: "表单域标签的位置， 当设置为 left 或 right 时，则也需要设置 label-width 属性",
-    required: false,
-    multiple: false,
-    op: [
-      { label: " 靠左", value: "left" },
-      { label: "靠右", value: "right" },
-      { label: "靠上", value: "top" }
-    ],
-    cel: "hs-option"
-  },
-  {
-    prop: "labelWidth",
-    label: "标签的宽度",
-    tooltip: '标签的长度，例如 "50px"。 作为 Form 直接子元素的 form-item 会继承该值。 可以使用 auto。',
-    el: "hs-input"
-  },
-  {
-    prop: "labelSuffix",
-    label: "表单域标签的后缀",
-    tooltip: "表单域标签的后缀",
-    el: "hs-input"
-  },
-  {
-    prop: "hideRequiredAsterisk",
-    label: "是否隐藏必填标识",
-    tooltip: "是否隐藏必填字段标签旁边的红色星号。",
-    el: "hs-switch"
-  },
-  {
-    prop: "requireAsteriskPosition",
-    label: "必填标识的位置",
-    tooltip: "星号的位置。",
-    el: "hs-select",
-    op: [
-      { label: " 靠左", value: "left" },
-      { label: "靠右", value: "right" }
-    ],
-    cel: "hs-option"
-  },
-  {
-    prop: "showMessage",
-    label: "是否显示校验错误信息",
-    tooltip: "是否显示校验错误信息",
-    el: "hs-switch"
-  },
-  {
-    prop: "inlineMessage",
-    label: "是否以行内形式展示校验信息",
-    tooltip: "是否以行内形式展示校验信息",
-    el: "hs-switch"
-  },
-  {
-    prop: "statusIcon",
-    label: "是否框中显示校验反馈图标",
-    tooltip: "是否在输入框中显示校验结果反馈图标",
-    el: "hs-switch"
-  },
-  {
-    prop: "validateOnRuleChange",
-    label: "是否触发第一次验证",
-    tooltip: "是否在 rules 属性改变后立即触发一次验证",
-    el: "hs-switch"
-  },
-  {
-    prop: "size",
-    label: "表单项组件的尺寸",
-    el: "hs-select",
-    tooltip: "用于控制该表单内组件的尺寸",
-    op: [
-      { label: " 大尺寸", value: "large" },
-      { label: "默认尺寸", value: "default" },
-      { label: "小尺寸", value: "small" }
-    ],
-    cel: "hs-option"
-  },
-  {
-    prop: "disabled",
-    label: "是否禁用表单项",
-    tooltip: "是否禁用该表单内的所有组件。 如果设置为 true, 它将覆盖内部组件的 disabled 属性",
-    el: "hs-switch"
-  },
-  {
-    prop: "scrollToError",
-    label: "滚动至首个校验失败的表单",
-    tooltip: "当校验失败时，滚动到第一个错误表单项",
-    el: "hs-switch"
-  },
-  {
-    label: "是否取字典项的默认值",
-    prop: "isSetDictDefaultValue",
-    el: "hs-switch",
-    tooltip: "当校验有失败结果时，滚动到第一个失败的表单项目 可通过 scrollIntoView 配置"
-  },
-  {
-    label: "是否支持表单回车快捷功能",
-    prop: "isSupportShortcutKey",
-    el: "hs-switch"
-  },
-  {
-    label: "栅格间隔",
-    prop: "gutter",
-    type: "number",
-    el: "hs-input-number"
-  },
-  {
-    label: "盒子布局下的水平排列方式",
-    prop: "justify",
-    el: "hs-select",
-    tooltip: "flex 布局下的水平排列方式",
-    op: [
-      { label: "从起始方向排列", value: "start" },
-      { label: "从末尾方向排列", value: "end" },
-      { label: "居中", value: "center" },
-      { label: "两端对齐均匀分布", value: "space-between" },
-      { label: "两端是中间间隔的一半均匀分布", value: "space-around" },
-      { label: "间隔相等均匀分布", value: "space-evenly" }
-    ],
-    cel: "hs-option"
-  },
-  {
-    label: "盒子布局下的垂直排列方式",
-    prop: "align",
-    el: "hs-select",
-    tooltip: "flex 布局下的垂直排列方式",
-    op: [
-      { label: "自上而下", value: "top" },
-      { label: "居中", value: "middle" },
-      { label: "自下而上", value: "bottom" }
-    ],
-    cel: "hs-option"
-  },
-  {
-    label: "自定义元素标签",
-    prop: "tag",
-    el: "hs-input"
-  },
-  {
-    label: "提交表单的请求Url",
-    prop: "submitUrl",
-    el: "hs-input"
-  },
-  {
-    label: "提交请求方式",
-    prop: "submitUrlMethod",
-    el: "hs-select",
-    cel: "hs-option",
-    op: [
-      { label: " POST", value: "post" },
-      { label: "GET", value: "get" },
-      { label: "DELETE", value: "delete" },
-      { label: "PUT", value: "put" }
-    ]
-  },
-  {
-    label: "表单提交成功的提示信息",
-    prop: "submitSuccessMsg",
-    el: "hs-input"
-  },
-  {
-    label: "首行展示列数",
-    prop: "columnNum",
-    el: "hs-input-number"
-  },
-  {
-    prop: "isVerifySearch",
-    label: "是否校验查询参数",
-    tooltip: "是否校验查询参数",
-    el: "hs-switch"
-  },
-  {
-    prop: "isQuickSearch",
-    label: "是否启用快捷查询",
-    tooltip: "是否启用快捷查询",
-    el: "hs-switch"
-  },
+const selectAttrConfig = [
   {
-    prop: "isClosedKeyStroke",
-    label: "是否关闭键盘事件",
-    el: "hs-switch"
-  }
-];
-const configElList = ref$1([
-  { label: "输入框", value: "hs-input" },
-  { label: "选择器", value: "hs-select" },
-  { label: "开关", value: "hs-switch" },
-  { label: "日期选择器", value: "hs-date-picker" },
-  { label: "按钮", value: "hs-button" },
-  { label: "自动补全", value: "hs-autocomplete" },
-  { label: "上传", value: "hs-upload" },
-  { label: "多选框", value: "hs-checkbox" },
-  { label: "单选框", value: "hs-radio" },
-  { label: "数字输入框", value: "hs-input-number" },
-  { label: "级联面板", value: "hs-cascader-panel" },
-  { label: "树形选择(弹窗带搜索框)", value: "bc-tree-search" },
-  { label: "树形选择", value: "hs-tree-select" },
-  { label: "级联选择器", value: "hs-cascader" },
-  { label: "输入框组", value: "bc-input-group" }
-]);
-const compConfig = {
-  "hs-input": "hs-config-input",
-  "hs-select": "hs-config-select",
-  "hs-switch": "hs-config-switch",
-  "hs-date-picker": "hs-config-date-picker",
-  "hs-button": "hs-config-button",
-  "hs-autocomplete": "hs-config-autocomplete",
-  "hs-upload": "hs-config-upload",
-  "hs-checkbox": "hs-config-checkbox",
-  "hs-radio": "hs-config-radio",
-  "hs-input-number": "hs-config-input-number",
-  "hs-cascader-panel": "hs-config-cascader-panel",
-  "bc-tree-search": "hs-config-tree-search",
-  "hs-tree-select": "hs-config-tree-select",
-  "bc-input-group": "hs-input-group"
-};
-const formBaseRule = {
-  label: [{ required: true, message: "请输入参数名称" }],
-  prop: [{ required: true, message: "请输入查询参数" }],
-  el: [{ required: true, message: "请选择组件类型" }]
-};
-let formItemConfig = ref$1({
-  id: "",
-  sort: 0,
-  // 排序
-  // 配置绑定的值
-  data: {
-    baseData: {
-      shortcut: [],
-      label: "参数名称",
-      prop: "",
-      el: "hs-input",
-      isSlot: false,
-      isApply: true,
-      isShow: true
-    },
-    elData: inputAttrConfigMap
-  }
-});
-let config$2 = {
-  // 配置
-  baseConfig: {
-    title: {
-      subTitle: "表单项属性"
-    },
-    visible: true,
-    list: [
+    prop: "attrs",
+    label: "selectAttrs",
+    tooltip: "selectAttrs",
+    type: "object",
+    el: "title",
+    children: [
       {
-        prop: "shortcut",
-        label: "快捷键",
-        el: "hs-select",
-        slotValue: "shortcut"
+        prop: "defaultValue",
+        label: "默认值",
+        tooltip: "默认值",
+        type: "string / number / boolean / object / array",
+        el: "hs-input"
       },
       {
-        prop: "label",
-        label: "参数名称",
+        prop: "options",
+        label: "option配置数据",
+        tooltip: 'options 示例：string=[{label: "示例代码", value: 0}]',
+        type: "string",
+        el: "hs-input",
+        attrs: {
+          type: "textarea"
+        }
+      },
+      {
+        prop: "url",
+        label: "url获取options",
+        tooltip: "通过url请求获取options配置项数据",
+        type: "string",
         el: "hs-input"
       },
       {
-        prop: "prop",
-        label: "查询参数",
-        slotValue: "prop",
+        prop: "params",
+        label: "请求参数",
+        type: "string",
         el: "hs-input"
       },
       {
-        prop: "el",
-        label: "组件类型",
-        clearable: false,
-        tooltip: "下拉选择组件类型，组件类型取自配置文件",
+        prop: "method",
+        label: "请求方式",
+        type: "string",
+        op: [
+          { label: " POST", value: "post" },
+          { label: "GET", value: "get" },
+          { label: "DELETE", value: "delete" },
+          { label: "PUT", value: "put" }
+        ],
         el: "hs-select",
-        cel: "hs-option",
-        op: configElList.value
+        cel: "hs-option"
       },
       {
-        prop: "label-width",
-        label: "标签宽度",
+        prop: "proxy",
+        label: "代理",
+        type: "string",
+        el: "hs-input"
+      },
+      // {
+      // 	prop: 'dictCode',
+      // 	label: '字典code',
+      // 	tooltip: '字典code',
+      // 	type: 'string',
+      // 	el: 'hs-input',
+      // },
+      {
+        prop: "permissionsDict",
+        label: "权限字典项",
+        tooltip: "权限字典项",
+        type: "string",
         el: "hs-input"
       },
       {
-        prop: "isSlot",
-        label: "是否自定义插槽",
+        prop: "multiple",
+        label: "是否多选",
+        tooltip: "是否多选",
+        type: "boolean",
         el: "hs-switch"
       },
       {
-        prop: "isApply",
-        label: "是否启用",
-        tooltip: "是否启用该表单项",
+        prop: "disabled",
+        label: "是否禁用",
+        tooltip: "是否禁用",
+        type: "boolean",
         el: "hs-switch"
       },
       {
-        prop: "isShow",
-        label: "是否显示该表单项",
+        prop: "value-key",
+        label: "value 唯一标识",
+        tooltip: "作为 value 唯一标识的键名，绑定值为对象类型时必填",
+        type: "string",
+        el: "hs-input"
+      },
+      {
+        prop: "placeholder",
+        label: "占位符",
+        tooltip: "占位符，默认为“Select”",
+        type: "string",
+        el: "hs-input"
+      },
+      {
+        prop: "size",
+        label: "输入框尺寸",
+        tooltip: "输入框尺寸",
+        type: "enum",
+        el: "hs-select",
+        op: [
+          { label: "large", value: "large" },
+          { label: "default", value: "default" },
+          { label: "small", value: "small" }
+        ],
+        cel: "hs-option"
+      },
+      {
+        prop: "clearable",
+        label: "是否可以清空",
+        tooltip: "是否可以清空选项",
+        type: "boolean",
         el: "hs-switch"
       },
       {
-        prop: "groupMark",
-        label: "分组标识",
-        el: "hs-input",
-        tooltip: "如果【分组标识】有值则代表该字段为组里的一项，只有分组标识相同的才能为一组"
+        prop: "collapse-tags",
+        label: "值按文字展示",
+        tooltip: "多选时是否将选中值按文字的形式展示",
+        type: "boolean",
+        el: "hs-switch"
       },
       {
-        prop: "positionInGroup",
-        label: "组字段位置",
-        tooltip: "字段在分组中是开始位置 还是 结束为止",
+        prop: "collapse-tags-tooltip",
+        label: "是否显示所选",
+        tooltip: "当鼠标悬停于折叠标签的文本时，是否显示所有选中的标签。 要使用此属性，collapse-tags属性必须设定为 true",
+        type: "boolean",
+        el: "hs-switch"
+      },
+      {
+        prop: "multiple-limit",
+        label: "最多可选数",
+        tooltip: "multiple 属性设置为 true 时，代表多选场景下用户最多可以选择的项目数， 为 0 则不限制",
+        type: "number",
+        el: "hs-input-number"
+      },
+      {
+        prop: "name",
+        label: "原生name属性",
+        tooltip: "Select 输入框的原生 name 属性",
+        type: "string",
+        el: "hs-input"
+      },
+      {
+        prop: "effect",
+        label: "tooltip 主题",
+        tooltip: "tooltip 主题，内置了 dark / light 两种",
+        type: "enum / string",
         el: "hs-select",
-        cel: "hs-option",
-        show: true,
         op: [
-          {
-            label: "开始",
-            value: "begin"
-          },
-          {
-            label: "结束",
-            value: "end"
-          }
-        ]
-      }
-    ],
-    rules: formBaseRule
-  },
-  elConfig: {
-    title: {
-      subTitle: "元素项属性"
-    },
-    visible: true,
-    list: []
-  }
-};
-let emptyFormItemData = ref$1({
-  id: "",
-  // 配置绑定的值
-  data: {
-    baseData: {},
-    elData: {
-      // hs-input组件属性
-    }
-  }
-});
-let formTitleConfig = ref$1({
-  code: {
-    visible: false,
-    subTitle: "表单配置代码",
-    class: "font-bold my-3",
-    iconSize: 20
-  },
-  form: {
-    visible: true,
-    subTitle: "表单配置",
-    class: "font-bold my-3",
-    iconSize: 20
-  },
-  formItem: {
-    visible: true,
-    subTitle: "表单元素配置项集合",
-    class: "font-bold my-3",
-    iconSize: 20
+          { label: "dark", value: "dark" },
+          { label: "light", value: "light" }
+        ],
+        cel: "hs-option"
+      },
+      {
+        prop: "autocomplete",
+        label: "autocomplete",
+        tooltip: "Select 输入框的原生 autocomplete 属性",
+        type: "string",
+        el: "hs-input"
+      },
+      {
+        prop: "filterable",
+        label: "是否可筛选",
+        tooltip: "Select 组件是否可筛选",
+        type: "boolean",
+        el: "hs-switch"
+      },
+      {
+        prop: "allow-create",
+        label: "允许创建条目",
+        tooltip: "是否允许用户创建新条目， 只有当 filterable 设置为 true 时才会生效。",
+        type: "boolean",
+        el: "hs-switch"
+      },
+      {
+        prop: "filter-method",
+        label: "筛选方法",
+        tooltip: "自定义筛选方法",
+        type: "Function",
+        el: "hs-input"
+      },
+      {
+        prop: "remote",
+        label: "是否远程加载",
+        tooltip: "其中的选项是否从服务器远程加载",
+        type: "boolean",
+        el: "hs-switch"
+      },
+      {
+        prop: "remote-method",
+        label: "远程搜索方法",
+        tooltip: "自定义远程搜索方法",
+        type: "Function",
+        el: "hs-input"
+      },
+      {
+        prop: "remote-show-suffix",
+        label: "远程搜索图标",
+        tooltip: "远程搜索方法显示后缀图标",
+        type: "boolean",
+        el: "hs-switch"
+      },
+      {
+        prop: "loading",
+        label: "是否正在获取",
+        tooltip: "是否正在从远程获取数据",
+        type: "boolean",
+        el: "hs-switch"
+      },
+      {
+        prop: "loading-text",
+        label: "加载时文本",
+        tooltip: "从服务器加载数据时显示的文本，默认为“Loading”",
+        type: "string",
+        el: "hs-input"
+      },
+      {
+        prop: "no-match-text",
+        label: "无匹配时显示",
+        tooltip: "搜索条件无匹配时显示的文字，也可以使用 empty 插槽设置，默认是 “No matching data'”",
+        type: "string",
+        el: "hs-input"
+      },
+      {
+        prop: "no-data-text",
+        label: "无选项时显示",
+        tooltip: "无选项时显示的文字，也可以使用 empty 插槽设置自定义内容，默认是 “No data”",
+        type: "string",
+        el: "hs-input"
+      },
+      {
+        prop: "popper-class",
+        label: "下拉菜单类名",
+        tooltip: "选择器下拉菜单的自定义类名",
+        type: "string",
+        el: "hs-input"
+      },
+      {
+        prop: "reserve-keyword",
+        label: "保留关键词",
+        tooltip: "当 multiple 和 filterable被设置为 true 时，是否在选中一个选项后保留当前的搜索关键词",
+        type: "boolean",
+        el: "hs-switch"
+      },
+      {
+        prop: "default-first-option",
+        label: "回车选择",
+        tooltip: "是否在输入框按下回车时，选择第一个匹配项。 需配合 filterable 或 remote 使用",
+        type: "boolean",
+        el: "hs-switch"
+      },
+      {
+        prop: "teleported",
+        label: "是否插入至body",
+        tooltip: "是否将下拉列表插入至 body 元素",
+        type: "boolean",
+        el: "hs-switch"
+      },
+      {
+        prop: "persistent",
+        label: "选择器未被激活",
+        tooltip: "当下拉选择器未被激活并且persistent设置为false，选择器会被删除。",
+        type: "boolean",
+        el: "hs-switch"
+      },
+      {
+        prop: "automatic-dropdown",
+        label: "自动弹出选项",
+        tooltip: "对于不可搜索的 Select，是否在输入框获得焦点后自动弹出选项菜单",
+        type: "boolean",
+        el: "hs-switch"
+      },
+      {
+        prop: "clear-icon",
+        label: "清除图标",
+        tooltip: "自定义清除图标",
+        type: "string / object",
+        el: "hs-input"
+      },
+      {
+        prop: "fit-input-width",
+        label: "下拉框宽度",
+        tooltip: "下拉框的宽度是否与输入框相同",
+        type: "boolean",
+        el: "hs-switch"
+      },
+      {
+        prop: "suffix-icon",
+        label: "后缀图标",
+        tooltip: "自定义后缀图标组件",
+        type: "string / object",
+        el: "hs-input"
+      },
+      {
+        prop: "suffix-transition deprecated",
+        label: "下拉图标动画",
+        tooltip: "下拉菜单显示/消失时后缀图标的动画",
+        type: "boolean",
+        el: "hs-switch"
+      },
+      {
+        prop: "tag-type",
+        label: "标签类型",
+        tooltip: "标签类型",
+        type: "enum",
+        el: "hs-select",
+        op: [
+          { label: "success", value: "success" },
+          { label: "info", value: "info" },
+          { label: "warning", value: "warning" },
+          { label: "danger", value: "danger" }
+        ],
+        cel: "hs-option"
+      },
+      {
+        prop: "validate-event",
+        label: "表单验证",
+        tooltip: "是否触发表单验证",
+        type: "boolean",
+        el: "hs-switch"
+      },
+      {
+        prop: "placement",
+        label: "下拉框出现位置",
+        tooltip: "下拉框出现的位置",
+        type: "enum",
+        el: "hs-select",
+        op: [
+          { label: "top", value: "top" },
+          { label: "top-start", value: "top-start" },
+          { label: "top-end", value: "top-end" },
+          { label: "bottom", value: "bottom" },
+          { label: "bottom-start", value: "bottom-start" },
+          { label: "bottom-end", value: "bottom-end" },
+          { label: "left", value: "left" },
+          { label: "left-start", value: "left-start" },
+          { label: "left-end", value: "left-end" },
+          { label: "right", value: "right" },
+          { label: "right-start", value: "right-start" },
+          { label: "right-end", value: "right-end" }
+        ],
+        cel: "hs-option"
+      },
+      {
+        prop: "max-collapse-tags",
+        label: "Tag最大数量",
+        tooltip: "需要显示的 Tag 的最大数量 只有当 collapse-tags 设置为 true 时才会生效。",
+        type: "number",
+        el: "hs-input-number"
+      },
+      {
+        prop: "popper-options",
+        label: "popper参数",
+        tooltip: "popper.js 参数",
+        type: "objectrefer to popper.js doc",
+        el: "hs-input"
+      },
+      {
+        prop: "aria-label",
+        label: "aria-label",
+        tooltip: "等价于原生 input aria-label 属性",
+        type: "string",
+        el: "hs-input"
+      }
+    ]
   },
-  formExample: {
-    visible: false,
-    subTitle: "表单配置示例",
-    class: "font-bold my-3",
-    iconSize: 20
-  }
-});
-const formItemAspectConfig = {
-  currentPage: {
-    baseData: {
-      isApply: true,
-      isShow: false
-    },
-    elData: {
-      attrs: {
-        defaultValue: 1
+  {
+    prop: "groupAttrs",
+    label: "optionGroupAttrs",
+    tooltip: "optionGroupAttrs",
+    type: "object",
+    el: "title",
+    children: [
+      {
+        prop: "isGroupEnabled",
+        label: "是否启用分组",
+        tooltip: "是否启用分组",
+        type: "boolean",
+        el: "hs-switch"
+      },
+      {
+        prop: "label",
+        label: "分组的名称",
+        tooltip: "分组的名称",
+        type: "string",
+        el: "hs-input"
+      },
+      {
+        prop: "disabled",
+        label: "是否禁用分组",
+        tooltip: "是否将该分组下所有选项置为禁用",
+        type: "string",
+        el: "hs-switch"
       }
-    }
+    ]
   },
-  pageSize: {
-    baseData: {
-      isApply: true,
-      isShow: false
-    },
-    elData: {
-      attrs: {
-        defaultValue: 10
+  {
+    prop: "optionAttrs",
+    label: "optionAttrs",
+    tooltip: "optionAttrs",
+    type: "object",
+    el: "title",
+    children: [
+      {
+        prop: "value",
+        label: "选项的值",
+        tooltip: "选项的值",
+        type: "string",
+        el: "hs-input"
+      },
+      {
+        prop: "label",
+        label: "选项的标签",
+        tooltip: "选项的标签，若不设置则默认与value相同",
+        type: "string",
+        el: "hs-input"
+      },
+      {
+        prop: "disabled",
+        label: "是否禁用选项",
+        tooltip: "是否禁用该选项",
+        type: "string",
+        el: "hs-switch"
       }
-    }
+    ]
+  },
+  {
+    prop: "rules",
+    label: "rules",
+    tooltip: "rules",
+    type: "object",
+    el: "title",
+    children: [
+      {
+        prop: "required",
+        label: "是否必填",
+        tooltip: "是否必填",
+        type: "boolean",
+        el: "hs-switch"
+      },
+      // 必填项规则
+      {
+        prop: "rules",
+        label: "必填项规则",
+        tooltip: "必填项规则",
+        type: "array",
+        el: "hs-input",
+        attrs: {
+          type: "textarea"
+        }
+      }
+    ]
   }
-};
-const assign$4 = (params, title) => {
-  return Object.assign(params, { title });
-};
-const getApiDocs = (params = {}) => {
-  let proxy = params.proxy ? "/" + params.proxy : "";
-  delete params.proxy;
-  params = assign$4(params, "后台api获取接口");
-  return request({
-    url: proxy ? proxy + "/v3/api-docs" : "/scmp-web/v3/api-docs",
-    method: "get",
-    params
-  });
-};
-function usePostMan() {
-  return {
-    getApiDocs
-  };
-}
-const assign$3 = (params, title) => {
-  return Object.assign(params, { title });
-};
-const getAllSystemInfo = (params = {}) => {
-  params = assign$3(params, "获取所有系统信息列表");
-  return request({
-    url: "/scmp-web/pri/system/get_all_system_info",
-    method: "get",
-    params
-  });
-};
-const getSystemInfoPageList = (params = {}) => {
-  params = assign$3(params, "获取系统信息列表");
-  return request({
-    url: "/scmp-web/pri/system/get_system_info_page_list",
-    method: "get",
-    params
-  });
-};
-const postDeleteSystemInfo = (data2 = {}) => {
-  data2 = assign$3(data2, "删除");
-  return request({
-    url: "/scmp-web/pri/system/delete_system_info",
-    method: "post",
-    data: data2
-  });
-};
-const postUpdateLockStatus = (data2 = {}) => {
-  data2 = assign$3(data2, "修改状态");
-  return request({
-    url: "/scmp-web/pri/system/update_lock_status",
-    method: "post",
-    data: data2
-  });
-};
-const postCopySystemInfo = (data2 = {}) => {
-  data2 = assign$3(data2, "复制项目信息-菜单,配置信息");
-  return request({
-    url: "/scmp-web/pri/system/copy_system_info",
-    method: "post",
-    data: data2
-  });
-};
-const postCopyMenuInfo = (data2 = {}) => {
-  data2 = assign$3(data2, "复制菜单下的配置信息");
-  return request({
-    url: "/scmp-web/pri/system/copy_menu_info",
-    method: "post",
-    data: data2
-  });
-};
-function useSystemController() {
-  return {
-    getAllSystemInfo,
-    getSystemInfoPageList,
-    postDeleteSystemInfo,
-    postUpdateLockStatus,
-    postCopySystemInfo,
-    postCopyMenuInfo
-  };
-}
-const assign$2 = (params, title) => {
-  return Object.assign(params, { other_log_info: { title } });
-};
-const postAddField = (data2 = {}) => {
-  data2 = assign$2(data2, "保存新表格字段设置");
-  return request({
-    url: "/scmp-web/pri/field_config/add_field",
-    method: "post",
-    data: data2
-  });
-};
-const getFieldByMenu = (params = {}) => {
-  params = assign$2(params, "根据菜单id查询字段信息");
-  return request({
-    url: "/scmp-web/pri/field_config/get_field_by_menu",
+];
+const selectAttrConfigMap = {
+  // 默认配置项
+  attrs: {
+    size: "default",
+    multiple: false,
+    // 是否多选
+    disabled: false,
+    // 是否禁用
+    "value-key": "id",
+    // value 唯一标识
+    clearable: true,
+    // 是否可以清空
+    "collapse-tags": false,
+    // 值按文字展示
+    "collapse-tags-tooltip": false,
+    // 是否显示所选
+    "multiple-limit": 0,
+    // 最多可选数
+    effect: "light",
+    // tooltip 主题
+    autocomplete: "off",
+    // autocomplete
+    filterable: true,
+    // 是否可筛选
+    "allow-create": false,
+    // 允许创建条目
+    remote: false,
+    // 是否远程加载
+    "remote-show-suffix": false,
+    // 远程搜索图标
+    loading: false,
+    // 是否正在获取
+    "reserve-keyword": true,
+    // 保留关键词
+    "default-first-option": false,
+    // 是否在输入框按下回车时，选择第一个匹配项
+    teleported: true,
+    // 是否插入至body
+    persistent: true,
+    // 选择器未被激活
+    "automatic-dropdown": false,
+    // 自动弹出选项
+    "clear-icon": "",
+    // 清除图标
+    "fit-input-width": false,
+    // 下拉框宽度
+    "suffix-icon": "",
+    // 后缀图标
+    "tag-type": "info",
+    // 标签类型
+    "validate-event": true,
+    // 表单验证
+    placement: "bottom-start",
+    // 下拉框出现的位置
+    "max-collapse-tags": 1,
+    // 需要显示的 Tag 的最大数量
+    options: "string=",
+    //
     method: "get",
-    params
-  });
+    // 请求方式
+    proxy: "",
+    // 代理
+    params: "",
+    // 请求参数
+    placeholder: "请选择"
+    // 占位符
+  },
+  groupAttrs: {
+    disabled: false,
+    // 是否禁用分组
+    isGroupEnabled: false
+    // 是否启用分组
+  },
+  optionAttrs: {
+    value: "dict_child_code",
+    label: "dict_child_name",
+    disabled: false
+    // 是否禁用该选项
+  },
+  rules: {
+    required: false,
+    rules: ""
+  }
 };
-const getFieldListPage = (params = {}) => {
-  params = assign$2(params, "查询新表格字段配置列表");
-  return request({
-    url: "/scmp-web/pri/field_config/get_field_list_page",
-    method: "get",
-    params
+const datePickerAttrConfig = [
+  {
+    prop: "attrs",
+    label: "datePickerAttrs",
+    tooltip: "datePickerAttrs",
+    type: "object",
+    el: "title",
+    children: [
+      {
+        prop: "defaultValue",
+        label: "默认值",
+        tooltip: "默认值",
+        type: "number / string / object",
+        el: "hs-input"
+      },
+      {
+        prop: "readonly",
+        label: "只读",
+        tooltip: "只读",
+        type: "boolean",
+        el: "hs-switch"
+      },
+      {
+        prop: "disabled",
+        label: "禁用",
+        tooltip: "禁用",
+        type: "boolean",
+        el: "hs-switch"
+      },
+      {
+        prop: "size",
+        label: "输入框尺寸",
+        tooltip: "输入框尺寸",
+        type: "enum",
+        el: "hs-select",
+        op: [
+          { label: "large", value: "large" },
+          { label: "default", value: "default" },
+          { label: "small", value: "small" }
+        ],
+        cel: "hs-option"
+      },
+      {
+        prop: "editable",
+        label: "文本框可输入",
+        tooltip: "文本框可输入",
+        type: "boolean",
+        el: "hs-switch"
+      },
+      {
+        prop: "clearable",
+        label: "清除按钮",
+        tooltip: "是否显示清除按钮",
+        type: "boolean",
+        el: "hs-switch"
+      },
+      {
+        prop: "placeholder",
+        label: "占位符",
+        tooltip: "非范围选择时的占位内容",
+        type: "string",
+        el: "hs-input"
+      },
+      {
+        prop: "start-placeholder",
+        label: "开始日期占位符",
+        tooltip: "范围选择时开始日期的占位内容",
+        type: "string",
+        el: "hs-input"
+      },
+      {
+        prop: "end-placeholder",
+        label: "结束日期占位符",
+        tooltip: "范围选择时结束日期的占位内容",
+        type: "string",
+        el: "hs-input"
+      },
+      {
+        prop: "type",
+        label: "显示类型",
+        tooltip: "显示类型",
+        type: "enum",
+        el: "hs-select",
+        op: [
+          { label: "year", value: "year" },
+          { label: "month", value: "month" },
+          { label: "date", value: "date" },
+          { label: "dates", value: "dates" },
+          { label: "week", value: "week" },
+          { label: "datetime", value: "datetime" },
+          { label: "datetimerange", value: "datetimerange" },
+          { label: "daterange", value: "daterange" },
+          { label: "monthrange", value: "monthrange" }
+        ],
+        cel: "hs-option"
+      },
+      {
+        prop: "format",
+        label: "输入框中的格式",
+        tooltip: "显示在输入框中的格式",
+        type: "参见 date formats",
+        el: "hs-input"
+      },
+      {
+        prop: "popper-class",
+        label: "下拉框的类名",
+        tooltip: "DatePicker 下拉框的类名",
+        type: "string",
+        el: "hs-input"
+      },
+      {
+        prop: "popper-options",
+        label: "自定义popper",
+        tooltip: "自定义 popper 选项，更多请参考 popper.js",
+        type: "object",
+        el: "hs-input"
+      },
+      {
+        prop: "range-separator",
+        label: "分隔符",
+        tooltip: "选择范围时的分隔符",
+        type: "string",
+        el: "hs-input"
+      },
+      {
+        prop: "default-time",
+        label: "default-time",
+        tooltip: "示例：functionBody=(function() {return [new Date(2000, 1, 1, 0, 0, 0),new Date(2000, 1, 1, 23, 59, 59)]})()",
+        type: "object",
+        el: "hs-input"
+      },
+      {
+        prop: "value-format",
+        label: "绑定值的格式",
+        tooltip: "可选，绑定值的格式。 不指定则绑定值为 Date 对象",
+        type: "参见 date formats",
+        el: "hs-input"
+      },
+      {
+        prop: "id",
+        label: "id",
+        tooltip: "等价于原生 input id 属性",
+        type: "string / object",
+        el: "hs-input"
+      },
+      {
+        prop: "name",
+        label: "name",
+        tooltip: "等价于原生 input name 属性",
+        type: "string / object",
+        el: "hs-input"
+      },
+      {
+        prop: "unlink-panels",
+        label: "unlink-panels",
+        tooltip: "在范围选择器里取消两个日期面板之间的联动",
+        type: "boolean",
+        el: "hs-switch"
+      },
+      {
+        prop: "prefix-icon",
+        label: "前缀图标",
+        tooltip: "自定义前缀图标 如果 type的值是TimeLikeType，那么就是 Clock，不然就是 Calendar",
+        type: "string / object",
+        el: "hs-input"
+      },
+      {
+        prop: "clear-icon",
+        label: "清除图标",
+        tooltip: "清除图标",
+        type: "string / object",
+        el: "hs-input"
+      },
+      {
+        prop: "validate-event",
+        label: "是否表单验证",
+        tooltip: "是否触发表单验证",
+        type: "boolean",
+        el: "hs-switch"
+      },
+      {
+        prop: "disabled-date",
+        label: "disabled-date",
+        tooltip: "示例：functionBody=function(time){const now = new Date();return time.getTime() < new Date(new Date().setHours(0, 0, 0, 0)).getTime()}",
+        type: "Function",
+        el: "hs-input"
+      },
+      {
+        prop: "disabled-hours",
+        label: "disabled-hours",
+        tooltip: "示例：functionBody=function(){let a = [];for (let i = 0; i < 24; i++) {if (new Date().getHours() <= i) continue;a.push(i);} return a; }",
+        type: "Function",
+        el: "hs-input"
+      },
+      {
+        prop: "disabled-minutes",
+        label: "disabled-minutes",
+        tooltip: "示例：functionBody=function(){let a = [];for (let i = 0; i < 60; i++) {if (new Date().getHours() <= i) continue;a.push(i);} return a;}",
+        type: "Function",
+        el: "hs-input"
+      },
+      {
+        prop: "disabled-seconds",
+        label: "disabled-seconds",
+        tooltip: "示例：functionBody=function(){let a = [];for (let i = 0; i < 60; i++) {if (new Date().getHours() <= i) continue;a.push(i);} return a;}",
+        type: "Function",
+        el: "hs-input"
+      },
+      {
+        prop: "shortcuts",
+        label: "设置快捷选项",
+        tooltip: "设置快捷选项，需要传入数组对象",
+        type: "object",
+        el: "hs-input"
+      },
+      {
+        prop: "cell-class-name",
+        label: "设置类名",
+        tooltip: "设置自定义类名",
+        type: "Function",
+        el: "hs-input"
+      },
+      {
+        prop: "teleported",
+        label: "是否插入至body",
+        tooltip: "是否将 date-picker 的下拉列表插入至 body 元素",
+        type: "boolean",
+        el: "hs-switch"
+      }
+    ]
+  },
+  {
+    prop: "rules",
+    label: "rules",
+    tooltip: "rules",
+    type: "object",
+    el: "title",
+    children: [
+      {
+        prop: "required",
+        label: "是否必填",
+        tooltip: "是否必填",
+        type: "boolean",
+        el: "hs-switch"
+      },
+      // 必填项规则
+      {
+        prop: "rules",
+        label: "必填项规则",
+        tooltip: "必填项规则",
+        type: "array",
+        el: "hs-input",
+        attrs: {
+          type: "textarea"
+        }
+      }
+    ]
+  }
+];
+const datePickerAttrConfigMap = {
+  // 默认配置项
+  attrs: {
+    size: "default",
+    readonly: false,
+    // 是否只读
+    disabled: false,
+    // 是否禁用
+    editable: true,
+    // 文本框可输入
+    clearable: true,
+    // 是否显示清除按钮
+    type: "date",
+    // 显示类型
+    "range-separator": "-",
+    // 选择范围时的分隔符
+    "unlink-panels": false,
+    // 在范围选择器里取消两个日期面板之间的联动
+    "clear-icon": "",
+    // 清除图标
+    "validate-event": true,
+    // 是否触发表单验证
+    teleported: true,
+    // 是否将 date-picker 的下拉列表插入至 body 元素
+    placeholder: "请选择",
+    // 占位符
+    format: "YYYY-MM-DD HH:mm:ss",
+    "value-format": "YYYY-MM-DD HH:mm:ss"
+  },
+  rules: {
+    required: false,
+    rules: ""
+  }
+};
+let parentFormData = {
+  size: "default",
+  rules: "",
+  //  表单校验规则
+  inline: true,
+  // 行内表单模式
+  labelPosition: "left",
+  // 表单域标签的位置
+  labelWidth: "80",
+  // 表单域标签的宽度
+  labelSuffix: "",
+  // 表单域标签的后缀
+  hideRequiredAsterisk: false,
+  // 是否隐藏必填标识
+  requireAsteriskPosition: "left",
+  // 必填标识的位置
+  showMessage: true,
+  // 是否显示校验错误信息
+  inlineMessage: false,
+  // 是否以行内展示校验信息
+  statusIcon: false,
+  // 是否框中显示校验反馈图标
+  validateOnRuleChange: true,
+  // 是否触发第一次验证
+  disabled: false,
+  // 是否禁用该表单项
+  scrollToError: false,
+  // 滚动至首个校验失败的表单
+  gutter: 10,
+  // 栅格间隔
+  justify: "start",
+  // flex 布局下的水平排列方式
+  align: "",
+  // flex 布局下的垂直排列方式
+  isSetDictDefaultValue: true,
+  // 是否取字典项的默认值
+  isSupportShortcutKey: true,
+  // 是否支持表单回车快捷功能
+  submitUrl: "",
+  // 提交表单的请求api
+  submitSuccessMsg: "",
+  // 表单提交成功的提示信息
+  isVerifySearch: false,
+  // 是否校验查询参数
+  isQuickSearch: false,
+  // 是否校验查询参数
+  isClosedKeyStroke: false
+  // 是否关闭键盘事件
+};
+let parentFormConfig = [
+  { prop: "rules", label: "表单验证规则", type: "textarea", el: "hs-input" },
+  { prop: "inline", label: "行内表单模式", el: "hs-switch" },
+  {
+    prop: "labelPosition",
+    label: "表单域标签的位置",
+    el: "hs-select",
+    tooltip: "表单域标签的位置， 当设置为 left 或 right 时，则也需要设置 label-width 属性",
+    required: false,
+    multiple: false,
+    op: [
+      { label: " 靠左", value: "left" },
+      { label: "靠右", value: "right" },
+      { label: "靠上", value: "top" }
+    ],
+    cel: "hs-option"
+  },
+  {
+    prop: "labelWidth",
+    label: "标签的宽度",
+    tooltip: '标签的长度，例如 "50px"。 作为 Form 直接子元素的 form-item 会继承该值。 可以使用 auto。',
+    el: "hs-input"
+  },
+  {
+    prop: "labelSuffix",
+    label: "表单域标签的后缀",
+    tooltip: "表单域标签的后缀",
+    el: "hs-input"
+  },
+  {
+    prop: "hideRequiredAsterisk",
+    label: "是否隐藏必填标识",
+    tooltip: "是否隐藏必填字段标签旁边的红色星号。",
+    el: "hs-switch"
+  },
+  {
+    prop: "requireAsteriskPosition",
+    label: "必填标识的位置",
+    tooltip: "星号的位置。",
+    el: "hs-select",
+    op: [
+      { label: " 靠左", value: "left" },
+      { label: "靠右", value: "right" }
+    ],
+    cel: "hs-option"
+  },
+  {
+    prop: "showMessage",
+    label: "是否显示校验错误信息",
+    tooltip: "是否显示校验错误信息",
+    el: "hs-switch"
+  },
+  {
+    prop: "inlineMessage",
+    label: "是否以行内形式展示校验信息",
+    tooltip: "是否以行内形式展示校验信息",
+    el: "hs-switch"
+  },
+  {
+    prop: "statusIcon",
+    label: "是否框中显示校验反馈图标",
+    tooltip: "是否在输入框中显示校验结果反馈图标",
+    el: "hs-switch"
+  },
+  {
+    prop: "validateOnRuleChange",
+    label: "是否触发第一次验证",
+    tooltip: "是否在 rules 属性改变后立即触发一次验证",
+    el: "hs-switch"
+  },
+  {
+    prop: "size",
+    label: "表单项组件的尺寸",
+    el: "hs-select",
+    tooltip: "用于控制该表单内组件的尺寸",
+    op: [
+      { label: " 大尺寸", value: "large" },
+      { label: "默认尺寸", value: "default" },
+      { label: "小尺寸", value: "small" }
+    ],
+    cel: "hs-option"
+  },
+  {
+    prop: "disabled",
+    label: "是否禁用表单项",
+    tooltip: "是否禁用该表单内的所有组件。 如果设置为 true, 它将覆盖内部组件的 disabled 属性",
+    el: "hs-switch"
+  },
+  {
+    prop: "scrollToError",
+    label: "滚动至首个校验失败的表单",
+    tooltip: "当校验失败时，滚动到第一个错误表单项",
+    el: "hs-switch"
+  },
+  {
+    label: "是否取字典项的默认值",
+    prop: "isSetDictDefaultValue",
+    el: "hs-switch",
+    tooltip: "当校验有失败结果时，滚动到第一个失败的表单项目 可通过 scrollIntoView 配置"
+  },
+  {
+    label: "是否支持表单回车快捷功能",
+    prop: "isSupportShortcutKey",
+    el: "hs-switch"
+  },
+  {
+    label: "栅格间隔",
+    prop: "gutter",
+    type: "number",
+    el: "hs-input-number"
+  },
+  {
+    label: "盒子布局下的水平排列方式",
+    prop: "justify",
+    el: "hs-select",
+    tooltip: "flex 布局下的水平排列方式",
+    op: [
+      { label: "从起始方向排列", value: "start" },
+      { label: "从末尾方向排列", value: "end" },
+      { label: "居中", value: "center" },
+      { label: "两端对齐均匀分布", value: "space-between" },
+      { label: "两端是中间间隔的一半均匀分布", value: "space-around" },
+      { label: "间隔相等均匀分布", value: "space-evenly" }
+    ],
+    cel: "hs-option"
+  },
+  {
+    label: "盒子布局下的垂直排列方式",
+    prop: "align",
+    el: "hs-select",
+    tooltip: "flex 布局下的垂直排列方式",
+    op: [
+      { label: "自上而下", value: "top" },
+      { label: "居中", value: "middle" },
+      { label: "自下而上", value: "bottom" }
+    ],
+    cel: "hs-option"
+  },
+  {
+    label: "自定义元素标签",
+    prop: "tag",
+    el: "hs-input"
+  },
+  {
+    label: "提交表单的请求Url",
+    prop: "submitUrl",
+    el: "hs-input"
+  },
+  {
+    label: "提交请求方式",
+    prop: "submitUrlMethod",
+    el: "hs-select",
+    cel: "hs-option",
+    op: [
+      { label: " POST", value: "post" },
+      { label: "GET", value: "get" },
+      { label: "DELETE", value: "delete" },
+      { label: "PUT", value: "put" }
+    ]
+  },
+  {
+    label: "表单提交成功的提示信息",
+    prop: "submitSuccessMsg",
+    el: "hs-input"
+  },
+  {
+    label: "首行展示列数",
+    prop: "columnNum",
+    el: "hs-input-number"
+  },
+  {
+    prop: "isVerifySearch",
+    label: "是否校验查询参数",
+    tooltip: "是否校验查询参数",
+    el: "hs-switch"
+  },
+  {
+    prop: "isQuickSearch",
+    label: "是否启用快捷查询",
+    tooltip: "是否启用快捷查询",
+    el: "hs-switch"
+  },
+  {
+    prop: "isClosedKeyStroke",
+    label: "是否关闭键盘事件",
+    el: "hs-switch"
+  }
+];
+const configElList = ref$1([
+  { label: "输入框", value: "hs-input" },
+  { label: "选择器", value: "hs-select" },
+  { label: "开关", value: "hs-switch" },
+  { label: "日期选择器", value: "hs-date-picker" },
+  { label: "按钮", value: "hs-button" },
+  { label: "自动补全", value: "hs-autocomplete" },
+  { label: "上传", value: "hs-upload" },
+  { label: "多选框", value: "hs-checkbox" },
+  { label: "单选框", value: "hs-radio" },
+  { label: "数字输入框", value: "hs-input-number" },
+  { label: "级联面板", value: "hs-cascader-panel" },
+  { label: "树形选择(弹窗带搜索框)", value: "bc-tree-search" },
+  { label: "树形选择", value: "hs-tree-select" },
+  { label: "级联选择器", value: "hs-cascader" },
+  { label: "输入框组", value: "bc-input-group" }
+]);
+const compConfig = {
+  "hs-input": "hs-config-input",
+  "hs-select": "hs-config-select",
+  "hs-switch": "hs-config-switch",
+  "hs-date-picker": "hs-config-date-picker",
+  "hs-button": "hs-config-button",
+  "hs-autocomplete": "hs-config-autocomplete",
+  "hs-upload": "hs-config-upload",
+  "hs-checkbox": "hs-config-checkbox",
+  "hs-radio": "hs-config-radio",
+  "hs-input-number": "hs-config-input-number",
+  "hs-cascader-panel": "hs-config-cascader-panel",
+  "bc-tree-search": "hs-config-tree-search",
+  "hs-tree-select": "hs-config-tree-select",
+  "bc-input-group": "hs-input-group"
+};
+const formBaseRule = {
+  label: [{ required: true, message: "请输入参数名称" }],
+  prop: [{ required: true, message: "请输入查询参数" }],
+  el: [{ required: true, message: "请选择组件类型" }]
+};
+let formItemConfig = ref$1({
+  id: "",
+  sort: 0,
+  // 排序
+  // 配置绑定的值
+  data: {
+    baseData: {
+      shortcut: [],
+      label: "参数名称",
+      prop: "",
+      el: "hs-input",
+      isSlot: false,
+      isApply: true,
+      isShow: true
+    },
+    elData: inputAttrConfigMap
+  }
+});
+let config$2 = {
+  // 配置
+  baseConfig: {
+    title: {
+      subTitle: "表单项属性"
+    },
+    visible: true,
+    list: [
+      {
+        prop: "shortcut",
+        label: "快捷键",
+        el: "hs-select",
+        slotValue: "shortcut"
+      },
+      {
+        prop: "label",
+        label: "参数名称",
+        el: "hs-input"
+      },
+      {
+        prop: "prop",
+        label: "查询参数",
+        slotValue: "prop",
+        el: "hs-input"
+      },
+      {
+        prop: "el",
+        label: "组件类型",
+        clearable: false,
+        tooltip: "下拉选择组件类型，组件类型取自配置文件",
+        el: "hs-select",
+        cel: "hs-option",
+        op: configElList.value
+      },
+      {
+        prop: "label-width",
+        label: "标签宽度",
+        el: "hs-input"
+      },
+      {
+        prop: "isSlot",
+        label: "是否自定义插槽",
+        el: "hs-switch"
+      },
+      {
+        prop: "isApply",
+        label: "是否启用",
+        tooltip: "是否启用该表单项",
+        el: "hs-switch"
+      },
+      {
+        prop: "isShow",
+        label: "是否显示该表单项",
+        el: "hs-switch"
+      },
+      {
+        prop: "groupMark",
+        label: "分组标识",
+        el: "hs-input",
+        tooltip: "如果【分组标识】有值则代表该字段为组里的一项，只有分组标识相同的才能为一组"
+      },
+      {
+        prop: "positionInGroup",
+        label: "组字段位置",
+        tooltip: "字段在分组中是开始位置 还是 结束为止",
+        el: "hs-select",
+        cel: "hs-option",
+        show: true,
+        op: [
+          {
+            label: "开始",
+            value: "begin"
+          },
+          {
+            label: "结束",
+            value: "end"
+          }
+        ]
+      }
+    ],
+    rules: formBaseRule
+  },
+  elConfig: {
+    title: {
+      subTitle: "元素项属性"
+    },
+    visible: true,
+    list: []
+  }
+};
+let emptyFormItemData = ref$1({
+  id: "",
+  // 配置绑定的值
+  data: {
+    baseData: {},
+    elData: {
+      // hs-input组件属性
+    }
+  }
+});
+let formTitleConfig = ref$1({
+  code: {
+    visible: false,
+    subTitle: "表单配置代码",
+    class: "font-bold my-3",
+    iconSize: 20
+  },
+  form: {
+    visible: true,
+    subTitle: "表单配置",
+    class: "font-bold my-3",
+    iconSize: 20
+  },
+  formItem: {
+    visible: true,
+    subTitle: "表单元素配置项集合",
+    class: "font-bold my-3",
+    iconSize: 20
+  },
+  formExample: {
+    visible: false,
+    subTitle: "表单配置示例",
+    class: "font-bold my-3",
+    iconSize: 20
+  }
+});
+const formItemAspectConfig = {
+  currentPage: {
+    baseData: {
+      isApply: true,
+      isShow: false
+    },
+    elData: {
+      attrs: {
+        defaultValue: 1
+      }
+    }
+  },
+  pageSize: {
+    baseData: {
+      isApply: true,
+      isShow: false
+    },
+    elData: {
+      attrs: {
+        defaultValue: 10
+      }
+    }
+  }
+};
+const assign$4 = (params, title) => {
+  return Object.assign(params, { title });
+};
+const getApiDocs = (params = {}) => {
+  let proxy = params.proxy ? "/" + params.proxy : "";
+  delete params.proxy;
+  params = assign$4(params, "后台api获取接口");
+  return request({
+    url: proxy ? proxy + "/v3/api-docs" : "/scmp-web/v3/api-docs",
+    method: "get",
+    params
+  });
+};
+function usePostMan() {
+  return {
+    getApiDocs
+  };
+}
+const assign$3 = (params, title) => {
+  return Object.assign(params, { title });
+};
+const getAllSystemInfo = (params = {}) => {
+  params = assign$3(params, "获取所有系统信息列表");
+  return request({
+    url: "/scmp-web/pri/system/get_all_system_info",
+    method: "get",
+    params
+  });
+};
+const getSystemInfoPageList = (params = {}) => {
+  params = assign$3(params, "获取系统信息列表");
+  return request({
+    url: "/scmp-web/pri/system/get_system_info_page_list",
+    method: "get",
+    params
+  });
+};
+const postDeleteSystemInfo = (data2 = {}) => {
+  data2 = assign$3(data2, "删除");
+  return request({
+    url: "/scmp-web/pri/system/delete_system_info",
+    method: "post",
+    data: data2
+  });
+};
+const postUpdateLockStatus = (data2 = {}) => {
+  data2 = assign$3(data2, "修改状态");
+  return request({
+    url: "/scmp-web/pri/system/update_lock_status",
+    method: "post",
+    data: data2
+  });
+};
+const postCopySystemInfo = (data2 = {}) => {
+  data2 = assign$3(data2, "复制项目信息-菜单,配置信息");
+  return request({
+    url: "/scmp-web/pri/system/copy_system_info",
+    method: "post",
+    data: data2
+  });
+};
+const postCopyMenuInfo = (data2 = {}) => {
+  data2 = assign$3(data2, "复制菜单下的配置信息");
+  return request({
+    url: "/scmp-web/pri/system/copy_menu_info",
+    method: "post",
+    data: data2
+  });
+};
+function useSystemController() {
+  return {
+    getAllSystemInfo,
+    getSystemInfoPageList,
+    postDeleteSystemInfo,
+    postUpdateLockStatus,
+    postCopySystemInfo,
+    postCopyMenuInfo
+  };
+}
+const assign$2 = (params, title) => {
+  return Object.assign(params, { other_log_info: { title } });
+};
+const postAddField = (data2 = {}) => {
+  data2 = assign$2(data2, "保存新表格字段设置");
+  return request({
+    url: "/scmp-web/pri/field_config/add_field",
+    method: "post",
+    data: data2
+  });
+};
+const getFieldByMenu = (params = {}) => {
+  params = assign$2(params, "根据菜单id查询字段信息");
+  return request({
+    url: "/scmp-web/pri/field_config/get_field_by_menu",
+    method: "get",
+    params
+  });
+};
+const getFieldListPage = (params = {}) => {
+  params = assign$2(params, "查询新表格字段配置列表");
+  return request({
+    url: "/scmp-web/pri/field_config/get_field_list_page",
+    method: "get",
+    params
   });
 };
 const postDelFieldById = (data2 = {}) => {
@@ -185464,8 +186299,10 @@ function useFileController() {
 }
 const postMan = usePostMan();
 const fieldConfig$4 = useFieldConfigController();
-function useHsFormParse(parseApi, configModel) {
+function useHsFormParse(configModel) {
   const parseUrl2 = ref$1(true);
+  let parseApi = ref$1("");
+  let parseApi2 = ref$1("[{field: 'test',title: '初始化'}]");
   watch(
     () => configModel.value,
     () => {
@@ -185550,12 +186387,92 @@ function useHsFormParse(parseApi, configModel) {
       initBaseConfig();
     }
   };
+  function getParseForm() {
+    parseApi2.value = JSON.stringify(configModel.value.form.formConfig);
+  }
+  async function setParseForm() {
+    var _a2;
+    if (!((_a2 = configModel.value) == null ? void 0 : _a2.form)) {
+      await initBaseConfig();
+    }
+    let tempFormItemConfig = _$4.cloneDeep(formItemConfig.value);
+    tempFormItemConfig.data.baseData.el = "hs-input";
+    tempFormItemConfig.data.elData = _$4.cloneDeep(inputAttrConfigMap);
+    let groupData = [];
+    parseApi2.value = parseApi2.value.replace(/\/\//g, "");
+    const tableConfig2 = new Function("return " + parseApi2.value)().map((i2) => {
+      if (i2.label) {
+        let data2 = {};
+        if (i2.type === "select") {
+          data2 = {
+            value: _$4.get(i2, "data.value", ""),
+            valueKey: _$4.get(i2, "data.valueKey", ""),
+            labelKey: _$4.get(i2, "data.labelKey", "")
+          };
+        }
+        return {
+          field: i2.prop,
+          title: i2.label,
+          data: data2,
+          dictCode: i2.dictCode,
+          type: i2.type
+        };
+      }
+      return i2;
+    }).map((i2, index2) => {
+      var _a3, _b, _c;
+      const item = _$4.cloneDeep(tempFormItemConfig);
+      item.id = item.id || v4();
+      item.sort = index2 + 1;
+      item.data.baseData.label = i2.title;
+      item.data.baseData.prop = i2.field;
+      if (Array.isArray(i2.field) && /date/.test(i2.type)) {
+        item.data.baseData.el = "hs-date-picker";
+        item.data.baseData.positionInGroup = "begin";
+        item.data.baseData.groupMark = "time";
+        const config3 = _$4.cloneDeep(datePickerAttrConfigMap);
+        config3.attrs.type = i2.type.toLowerCase();
+        item.data.elData = config3;
+        item.data.baseData.prop = i2.field[0];
+        const item2 = _$4.cloneDeep(item);
+        item2.id = v4();
+        item2.data.baseData.label = i2.title + "_结束";
+        item2.data.baseData.prop = i2.field[1];
+        item2.data.baseData.positionInGroup = "end";
+        groupData.push(item2);
+      } else if (i2.type === "select") {
+        item.data.baseData.el = "hs-select";
+        const config3 = _$4.cloneDeep(selectAttrConfigMap);
+        if ((_a3 = i2 == null ? void 0 : i2.data) == null ? void 0 : _a3.value) {
+          _$4.set(config3, "attrs.options", "string=" + JSON.stringify(i2.data.value));
+        }
+        if ((_b = i2 == null ? void 0 : i2.data) == null ? void 0 : _b.valueKey) {
+          _$4.set(config3, "optionAttrs.value", i2.data.valueKey);
+        }
+        if ((_c = i2 == null ? void 0 : i2.data) == null ? void 0 : _c.labelKey) {
+          _$4.set(config3, "optionAttrs.label", i2.data.labelKey);
+        }
+        if (i2 == null ? void 0 : i2.dictCode) {
+          _$4.set(config3, "attrs.permissionsDict", i2.dictCode);
+        }
+        item.data.elData = config3;
+      }
+      return item;
+    });
+    configModel.value.form.formConfig = tableConfig2.concat(groupData);
+    parseApi2.value = "[{field: 'test',title: '初始化'}]";
+  }
   return {
     parseForm,
-    parseUrl: parseUrl2
+    parseUrl: parseUrl2,
+    parseApi,
+    parseApi2,
+    getParseForm,
+    setParseForm
   };
 }
 const _hoisted_1$X = { class: "flex flex-row" };
+const _hoisted_2$A = { class: "flex flex-row mt-2" };
 const _sfc_main$19 = /* @__PURE__ */ defineComponent({
   __name: "hsFormParse",
   props: {
@@ -185565,14 +186482,13 @@ const _sfc_main$19 = /* @__PURE__ */ defineComponent({
   emits: ["update:modelValue"],
   setup(__props) {
     let configModel = useModel(__props, "modelValue");
-    let parseApi = ref$1("");
-    const { parseForm, parseUrl: parseUrl2 } = useHsFormParse(parseApi, configModel);
+    const { parseForm, parseUrl: parseUrl2, parseApi, parseApi2, getParseForm, setParseForm } = useHsFormParse(configModel);
     return (_ctx, _cache) => {
       const _component_hs_switch = resolveComponent("hs-switch");
       const _component_hs_input = resolveComponent("hs-input");
       const _component_hs_button = resolveComponent("hs-button");
       return openBlock(), createElementBlock(Fragment, null, [
-        _cache[2] || (_cache[2] = createTextVNode(" 是否解析url：")),
+        _cache[5] || (_cache[5] = createTextVNode(" 是否解析url：")),
         createVNode(_component_hs_switch, {
           modelValue: unref(parseUrl2),
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(parseUrl2) ? parseUrl2.value = $event : null)
@@ -185581,7 +186497,7 @@ const _sfc_main$19 = /* @__PURE__ */ defineComponent({
           createVNode(_component_hs_input, {
             class: "basis-1/4 mr-2",
             modelValue: unref(parseApi),
-            "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => isRef(parseApi) ? parseApi.value = $event : parseApi = $event),
+            "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => isRef(parseApi) ? parseApi.value = $event : null),
             placeholder: "请输入解析接口"
           }, null, 8, ["modelValue"]),
           createVNode(_component_hs_button, {
@@ -185593,6 +186509,31 @@ const _sfc_main$19 = /* @__PURE__ */ defineComponent({
             ]),
             _: 1
           }, 8, ["onClick"])
+        ]),
+        createElementVNode("div", _hoisted_2$A, [
+          createVNode(_component_hs_input, {
+            class: "basis-1/4 mr-2",
+            modelValue: unref(parseApi2),
+            "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => isRef(parseApi2) ? parseApi2.value = $event : null)
+          }, null, 8, ["modelValue"]),
+          createVNode(_component_hs_button, {
+            onClick: unref(getParseForm),
+            type: "primary"
+          }, {
+            default: withCtx(() => _cache[3] || (_cache[3] = [
+              createTextVNode("获取配置所有字段")
+            ])),
+            _: 1
+          }, 8, ["onClick"]),
+          createVNode(_component_hs_button, {
+            onClick: unref(setParseForm),
+            type: "primary"
+          }, {
+            default: withCtx(() => _cache[4] || (_cache[4] = [
+              createTextVNode("配置所有字段")
+            ])),
+            _: 1
+          }, 8, ["onClick"])
         ])
       ], 64);
     };
@@ -186247,7 +187188,7 @@ const _sfc_main$14 = /* @__PURE__ */ defineComponent({
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emit = __emit;
-    const IconList = defineAsyncComponent(() => import("./list-cPXAhZ9h.mjs"));
+    const IconList = defineAsyncComponent(() => import("./list-B0pnzmrr.mjs"));
     const inputWidthRef = ref$1();
     const state = reactive({
       fontIconPrefix: "",
@@ -190244,6 +191185,11 @@ function useHsTableParse(tableModel) {
   function setFields() {
     const item = _$4.cloneDeep(tableItemConfig.value);
     const tableConfig2 = new Function("return " + parseApi2.value)().map((i2) => {
+      if (i2.label) {
+        return { field: i2.prop, title: i2.label };
+      }
+      return i2;
+    }).map((i2) => {
       i2.id = i2.id ?? v4();
       if (!i2.data) {
         i2.data = {
@@ -190275,6 +191221,7 @@ function useHsTableParse(tableModel) {
       tableConfig2.unshift(column_config);
     }
     tableModel.value.tableConfig = tableConfig2;
+    parseApi2.value = "[{field: 'test',title: '初始化'}]";
   }
   function getFields() {
     var _a2;
@@ -192645,6 +193592,7 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", _hoisted_1$F, [
         props.showLabel ? (openBlock(), createElementBlock("div", _hoisted_2$j, toDisplayString(props.labelText), 1)) : createCommentVNode("", true),
         createVNode(_component_hs_select, {
+          filterable: "",
           class: "flex-1",
           modelValue: unref(curSys),
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(curSys) ? curSys.value = $event : null),
@@ -217494,7 +218442,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const trtcUI = /* @__PURE__ */ _export_sfc$1(_sfc_main$l, [["__scopeId", "data-v-6a0a30ab"]]);
+const trtcUI = /* @__PURE__ */ _export_sfc$1(_sfc_main$l, [["__scopeId", "data-v-f6bf798c"]]);
 const _hoisted_1$j = ["srcObject"];
 const _hoisted_2$2 = ["width", "height"];
 const _sfc_main$k = /* @__PURE__ */ defineComponent({
@@ -217698,1406 +218646,862 @@ function _defineProperties(target, props) {
   }
 }
 function _createClass(Constructor, protoProps, staticProps) {
-  if (protoProps)
-    _defineProperties(Constructor.prototype, protoProps);
-  if (staticProps)
-    _defineProperties(Constructor, staticProps);
-  return Constructor;
-}
-var isMobile = /Android|iPhone|iPad|Mobile/i.test(navigator.userAgent);
-var SmoothSignature = /* @__PURE__ */ function() {
-  function SmoothSignature2(_canvas, options2) {
-    var _this = this;
-    _classCallCheck(this, SmoothSignature2);
-    this.canvas = {};
-    this.ctx = {};
-    this.width = 320;
-    this.height = 200;
-    this.scale = window.devicePixelRatio || 1;
-    this.color = "black";
-    this.bgColor = "";
-    this.canDraw = false;
-    this.openSmooth = true;
-    this.minWidth = 2;
-    this.maxWidth = 6;
-    this.minSpeed = 1.5;
-    this.maxWidthDiffRate = 20;
-    this.points = [];
-    this.canAddHistory = true;
-    this.historyList = [];
-    this.maxHistoryLength = 20;
-    this.onStart = function() {
-    };
-    this.onEnd = function() {
-    };
-    this.addListener = function() {
-      _this.removeListener();
-      _this.canvas.style.touchAction = "none";
-      if (isMobile && ("ontouchstart" in window || navigator.maxTouchPoints)) {
-        _this.canvas.addEventListener("touchstart", _this.onDrawStart, {
-          passive: false
-        });
-        _this.canvas.addEventListener("touchmove", _this.onDrawMove, {
-          passive: false
-        });
-        document.addEventListener("touchcancel", _this.onDrawEnd, {
-          passive: false
-        });
-        document.addEventListener("touchend", _this.onDrawEnd, {
-          passive: false
-        });
-      } else {
-        _this.canvas.addEventListener("mousedown", _this.onDrawStart);
-        _this.canvas.addEventListener("mousemove", _this.onDrawMove);
-        document.addEventListener("mouseup", _this.onDrawEnd);
-      }
-    };
-    this.removeListener = function() {
-      _this.canvas.style.touchAction = "auto";
-      _this.canvas.removeEventListener("touchstart", _this.onDrawStart);
-      _this.canvas.removeEventListener("touchmove", _this.onDrawMove);
-      document.removeEventListener("touchend", _this.onDrawEnd);
-      document.removeEventListener("touchcancel", _this.onDrawEnd);
-      _this.canvas.removeEventListener("mousedown", _this.onDrawStart);
-      _this.canvas.removeEventListener("mousemove", _this.onDrawMove);
-      document.removeEventListener("mouseup", _this.onDrawEnd);
-    };
-    this.onDrawStart = function(e2) {
-      e2.preventDefault();
-      _this.canDraw = true;
-      _this.canAddHistory = true;
-      _this.ctx.strokeStyle = _this.color;
-      _this.initPoint(e2);
-      _this.onStart && _this.onStart(e2);
-    };
-    this.onDrawMove = function(e2) {
-      e2.preventDefault();
-      if (!_this.canDraw)
-        return;
-      _this.initPoint(e2);
-      if (_this.points.length < 2)
-        return;
-      _this.addHistory();
-      var point = _this.points.slice(-1)[0];
-      var prePoint = _this.points.slice(-2, -1)[0];
-      if (window.requestAnimationFrame) {
-        window.requestAnimationFrame(function() {
-          return _this.onDraw(prePoint, point);
-        });
-      } else {
-        _this.onDraw(prePoint, point);
-      }
-    };
-    this.onDraw = function(prePoint, point) {
-      if (_this.openSmooth) {
-        _this.drawSmoothLine(prePoint, point);
-      } else {
-        _this.drawNoSmoothLine(prePoint, point);
-      }
-    };
-    this.onDrawEnd = function(e2) {
-      if (!_this.canDraw)
-        return;
-      _this.canDraw = false;
-      _this.canAddHistory = true;
-      _this.points = [];
-      _this.onEnd && _this.onEnd(e2);
-    };
-    this.getLineWidth = function(speed) {
-      var minSpeed = _this.minSpeed > 10 ? 10 : _this.minSpeed < 1 ? 1 : _this.minSpeed;
-      var addWidth = (_this.maxWidth - _this.minWidth) * speed / minSpeed;
-      var lineWidth = Math.max(_this.maxWidth - addWidth, _this.minWidth);
-      return Math.min(lineWidth, _this.maxWidth);
-    };
-    this.getRadianData = function(x1, y1, x2, y2) {
-      var dis_x = x2 - x1;
-      var dis_y = y2 - y1;
-      if (dis_x === 0) {
-        return {
-          val: 0,
-          pos: -1
-        };
-      }
-      if (dis_y === 0) {
-        return {
-          val: 0,
-          pos: 1
-        };
-      }
-      var val = Math.abs(Math.atan(dis_y / dis_x));
-      if (x2 > x1 && y2 < y1 || x2 < x1 && y2 > y1) {
-        return {
-          val,
-          pos: 1
-        };
-      }
-      return {
-        val,
-        pos: -1
-      };
-    };
-    this.getRadianPoints = function(radianData, x2, y2, halfLineWidth) {
-      if (radianData.val === 0) {
-        if (radianData.pos === 1) {
-          return [{
-            x: x2,
-            y: y2 + halfLineWidth
-          }, {
-            x: x2,
-            y: y2 - halfLineWidth
-          }];
-        }
-        return [{
-          y: y2,
-          x: x2 + halfLineWidth
-        }, {
-          y: y2,
-          x: x2 - halfLineWidth
-        }];
-      }
-      var dis_x = Math.sin(radianData.val) * halfLineWidth;
-      var dis_y = Math.cos(radianData.val) * halfLineWidth;
-      if (radianData.pos === 1) {
-        return [{
-          x: x2 + dis_x,
-          y: y2 + dis_y
-        }, {
-          x: x2 - dis_x,
-          y: y2 - dis_y
-        }];
-      }
-      return [{
-        x: x2 + dis_x,
-        y: y2 - dis_y
-      }, {
-        x: x2 - dis_x,
-        y: y2 + dis_y
-      }];
-    };
-    this.initPoint = function(event) {
-      var t2 = Date.now();
-      var prePoint = _this.points.slice(-1)[0];
-      if (prePoint && prePoint.t === t2) {
-        return;
-      }
-      var rect = _this.canvas.getBoundingClientRect();
-      var e2 = event.touches && event.touches[0] || event;
-      var x2 = e2.clientX - rect.left;
-      var y2 = e2.clientY - rect.top;
-      if (prePoint && prePoint.x === x2 && prePoint.y === y2) {
-        return;
-      }
-      var point = {
-        x: x2,
-        y: y2,
-        t: t2
-      };
-      if (_this.openSmooth && prePoint) {
-        var prePoint2 = _this.points.slice(-2, -1)[0];
-        point.distance = Math.sqrt(Math.pow(point.x - prePoint.x, 2) + Math.pow(point.y - prePoint.y, 2));
-        point.speed = point.distance / (point.t - prePoint.t || 0.1);
-        point.lineWidth = _this.getLineWidth(point.speed);
-        if (prePoint2 && prePoint2.lineWidth && prePoint.lineWidth) {
-          var rate = (point.lineWidth - prePoint.lineWidth) / prePoint.lineWidth;
-          var maxRate = _this.maxWidthDiffRate / 100;
-          maxRate = maxRate > 1 ? 1 : maxRate < 0.01 ? 0.01 : maxRate;
-          if (Math.abs(rate) > maxRate) {
-            var per = rate > 0 ? maxRate : -maxRate;
-            point.lineWidth = prePoint.lineWidth * (1 + per);
-          }
-        }
-      }
-      _this.points.push(point);
-      _this.points = _this.points.slice(-3);
-    };
-    this.drawSmoothLine = function(prePoint, point) {
-      var dis_x = point.x - prePoint.x;
-      var dis_y = point.y - prePoint.y;
-      if (Math.abs(dis_x) + Math.abs(dis_y) <= _this.scale) {
-        point.lastX1 = point.lastX2 = prePoint.x + dis_x * 0.5;
-        point.lastY1 = point.lastY2 = prePoint.y + dis_y * 0.5;
-      } else {
-        point.lastX1 = prePoint.x + dis_x * 0.3;
-        point.lastY1 = prePoint.y + dis_y * 0.3;
-        point.lastX2 = prePoint.x + dis_x * 0.7;
-        point.lastY2 = prePoint.y + dis_y * 0.7;
-      }
-      point.perLineWidth = (prePoint.lineWidth + point.lineWidth) / 2;
-      if (typeof prePoint.lastX1 === "number") {
-        _this.drawCurveLine(prePoint.lastX2, prePoint.lastY2, prePoint.x, prePoint.y, point.lastX1, point.lastY1, point.perLineWidth);
-        if (prePoint.isFirstPoint)
-          return;
-        if (prePoint.lastX1 === prePoint.lastX2 && prePoint.lastY1 === prePoint.lastY2)
-          return;
-        var data2 = _this.getRadianData(prePoint.lastX1, prePoint.lastY1, prePoint.lastX2, prePoint.lastY2);
-        var points1 = _this.getRadianPoints(data2, prePoint.lastX1, prePoint.lastY1, prePoint.perLineWidth / 2);
-        var points2 = _this.getRadianPoints(data2, prePoint.lastX2, prePoint.lastY2, point.perLineWidth / 2);
-        _this.drawTrapezoid(points1[0], points2[0], points2[1], points1[1]);
-      } else {
-        point.isFirstPoint = true;
-      }
-    };
-    this.drawNoSmoothLine = function(prePoint, point) {
-      point.lastX = prePoint.x + (point.x - prePoint.x) * 0.5;
-      point.lastY = prePoint.y + (point.y - prePoint.y) * 0.5;
-      if (typeof prePoint.lastX === "number") {
-        _this.drawCurveLine(prePoint.lastX, prePoint.lastY, prePoint.x, prePoint.y, point.lastX, point.lastY, _this.maxWidth);
-      }
-    };
-    this.drawCurveLine = function(x1, y1, x2, y2, x3, y3, lineWidth) {
-      _this.ctx.lineWidth = Number(lineWidth.toFixed(1));
-      _this.ctx.beginPath();
-      _this.ctx.moveTo(Number(x1.toFixed(1)), Number(y1.toFixed(1)));
-      _this.ctx.quadraticCurveTo(Number(x2.toFixed(1)), Number(y2.toFixed(1)), Number(x3.toFixed(1)), Number(y3.toFixed(1)));
-      _this.ctx.stroke();
-    };
-    this.drawTrapezoid = function(point1, point2, point3, point4) {
-      _this.ctx.beginPath();
-      _this.ctx.moveTo(Number(point1.x.toFixed(1)), Number(point1.y.toFixed(1)));
-      _this.ctx.lineTo(Number(point2.x.toFixed(1)), Number(point2.y.toFixed(1)));
-      _this.ctx.lineTo(Number(point3.x.toFixed(1)), Number(point3.y.toFixed(1)));
-      _this.ctx.lineTo(Number(point4.x.toFixed(1)), Number(point4.y.toFixed(1)));
-      _this.ctx.fillStyle = _this.color;
-      _this.ctx.fill();
-    };
-    this.drawBgColor = function() {
-      if (!_this.bgColor)
-        return;
-      _this.ctx.fillStyle = _this.bgColor;
-      _this.ctx.fillRect(0, 0, _this.width, _this.height);
-    };
-    this.drawByImageUrl = function(url2) {
-      var image = new Image();
-      image.onload = function() {
-        _this.ctx.clearRect(0, 0, _this.width, _this.height);
-        _this.ctx.drawImage(image, 0, 0, _this.width, _this.height);
-      };
-      image.crossOrigin = "anonymous";
-      image.src = url2;
-    };
-    this.addHistory = function() {
-      if (!_this.maxHistoryLength || !_this.canAddHistory)
-        return;
-      _this.canAddHistory = false;
-      _this.historyList.push(_this.canvas.toDataURL());
-      _this.historyList = _this.historyList.slice(-_this.maxHistoryLength);
-    };
-    this.clear = function() {
-      _this.ctx.clearRect(0, 0, _this.width, _this.height);
-      _this.drawBgColor();
-      _this.historyList.length = 0;
-    };
-    this.undo = function() {
-      var dataUrl = _this.historyList.splice(-1)[0];
-      dataUrl && _this.drawByImageUrl(dataUrl);
-    };
-    this.toDataURL = function() {
-      var type4 = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "image/png";
-      var quality = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 1;
-      if (_this.canvas.width === _this.width) {
-        return _this.canvas.toDataURL(type4, quality);
-      }
-      var canvas = document.createElement("canvas");
-      canvas.width = _this.width;
-      canvas.height = _this.height;
-      var ctx = canvas.getContext("2d");
-      ctx.drawImage(_this.canvas, 0, 0, canvas.width, canvas.height);
-      return canvas.toDataURL(type4, quality);
-    };
-    this.getPNG = function() {
-      return _this.toDataURL();
-    };
-    this.getJPG = function() {
-      var quality = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : 0.8;
-      return _this.toDataURL("image/jpeg", quality);
-    };
-    this.isEmpty = function() {
-      var canvas = document.createElement("canvas");
-      var ctx = canvas.getContext("2d");
-      canvas.width = _this.canvas.width;
-      canvas.height = _this.canvas.height;
-      if (_this.bgColor) {
-        ctx.fillStyle = _this.bgColor;
-        ctx.fillRect(0, 0, canvas.width, canvas.height);
-      } else if (_this.scale !== 1) {
-        ctx.scale(_this.scale, _this.scale);
-      }
-      return canvas.toDataURL() === _this.canvas.toDataURL();
-    };
-    this.getRotateCanvas = function() {
-      var degree = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : 90;
-      if (degree > 0) {
-        degree = degree > 90 ? 180 : 90;
-      } else {
-        degree = degree < -90 ? 180 : -90;
-      }
-      var canvas = document.createElement("canvas");
-      var w2 = _this.width;
-      var h2 = _this.height;
-      if (degree === 180) {
-        canvas.width = w2;
-        canvas.height = h2;
-      } else {
-        canvas.width = h2;
-        canvas.height = w2;
-      }
-      var ctx = canvas.getContext("2d");
-      ctx.rotate(degree * Math.PI / 180);
-      if (degree === 90) {
-        ctx.drawImage(_this.canvas, 0, -h2, w2, h2);
-      } else if (degree === -90) {
-        ctx.drawImage(_this.canvas, -w2, 0, w2, h2);
-      } else if (degree === 180) {
-        ctx.drawImage(_this.canvas, -w2, -h2, w2, h2);
-      }
-      return canvas;
-    };
-    this.init(_canvas, options2);
-  }
-  _createClass(SmoothSignature2, [{
-    key: "init",
-    value: function init2(canvas) {
-      var options2 = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
-      if (!canvas)
-        return;
-      this.canvas = canvas;
-      this.ctx = canvas.getContext("2d");
-      this.width = options2.width || canvas.clientWidth || this.width;
-      this.height = options2.height || canvas.clientHeight || this.height;
-      this.scale = options2.scale || this.scale;
-      this.color = options2.color || this.color;
-      this.bgColor = options2.bgColor || this.bgColor;
-      this.openSmooth = options2.openSmooth === void 0 ? this.openSmooth : !!options2.openSmooth;
-      this.minWidth = options2.minWidth || this.minWidth;
-      this.maxWidth = options2.maxWidth || this.maxWidth;
-      this.minSpeed = options2.minSpeed || this.minSpeed;
-      this.maxWidthDiffRate = options2.maxWidthDiffRate || this.maxWidthDiffRate;
-      this.maxHistoryLength = options2.maxHistoryLength || this.maxHistoryLength;
-      this.onStart = options2.onStart;
-      this.onEnd = options2.onEnd;
-      if (this.scale > 0) {
-        this.canvas.height = this.height * this.scale;
-        this.canvas.width = this.width * this.scale;
-        if (this.scale !== 1) {
-          this.canvas.style.width = this.width + "px";
-          this.canvas.style.height = this.height + "px";
-          this.ctx.scale(this.scale, this.scale);
-        }
-      }
-      this.ctx.lineCap = "round";
-      this.drawBgColor();
-      this.addListener();
-    }
-  }]);
-  return SmoothSignature2;
-}();
-const _hoisted_1$h = { class: "wrap1" };
-const _hoisted_2$1 = { class: "wrap2" };
-const _sfc_main$i = /* @__PURE__ */ defineComponent({
-  __name: "index",
-  props: {
-    showFull: {
-      type: Boolean,
-      default: true
-    }
-  },
-  emits: ["save"],
-  setup(__props, { emit: __emit }) {
-    const signFinish = ref$1(null);
-    const { width: signFinishWidth, height: signFinishHeight } = useElementSize(signFinish);
-    const props = __props;
-    const showFull = ref$1(false);
-    const canvas2 = ref$1(null);
-    const canvas1 = ref$1(null);
-    const signature1 = ref$1(null);
-    const signature2 = ref$1(null);
-    const emit = __emit;
-    const handleFull = () => {
-      var _a2, _b;
-      showFull.value = !showFull.value;
-      (_a2 = signature1 == null ? void 0 : signature1.value) == null ? void 0 : _a2.clear();
-      (_b = signature2 == null ? void 0 : signature2.value) == null ? void 0 : _b.clear();
-    };
-    const initSignature1 = () => {
-      const canvas = canvas1.value;
-      const options2 = {
-        width: signFinishWidth.value - 30,
-        height: 200,
-        minWidth: 2,
-        maxWidth: 6,
-        openSmooth: false,
-        bgColor: "#ffffff"
-      };
-      signature1.value = new SmoothSignature(canvas, options2);
-    };
-    const initSignture2 = () => {
-      const canvas = canvas2.value;
-      const options2 = {
-        width: signFinishWidth.value - 120,
-        height: signFinishHeight.value - 60,
-        minWidth: 3,
-        maxWidth: 10,
-        openSmooth: false,
-        bgColor: "#ffffff"
-      };
-      signature2.value = new SmoothSignature(canvas, options2);
+  if (protoProps)
+    _defineProperties(Constructor.prototype, protoProps);
+  if (staticProps)
+    _defineProperties(Constructor, staticProps);
+  return Constructor;
+}
+var isMobile = /Android|iPhone|iPad|Mobile/i.test(navigator.userAgent);
+var SmoothSignature = /* @__PURE__ */ function() {
+  function SmoothSignature2(_canvas, options2) {
+    var _this = this;
+    _classCallCheck(this, SmoothSignature2);
+    this.canvas = {};
+    this.ctx = {};
+    this.width = 320;
+    this.height = 200;
+    this.scale = window.devicePixelRatio || 1;
+    this.color = "black";
+    this.bgColor = "";
+    this.canDraw = false;
+    this.openSmooth = true;
+    this.minWidth = 2;
+    this.maxWidth = 6;
+    this.minSpeed = 1.5;
+    this.maxWidthDiffRate = 20;
+    this.points = [];
+    this.canAddHistory = true;
+    this.historyList = [];
+    this.maxHistoryLength = 20;
+    this.onStart = function() {
     };
-    const handleClear1 = () => {
-      const sgn = signature1.value;
-      sgn.clear();
+    this.onEnd = function() {
     };
-    const handleClear2 = () => {
-      const sgn2 = signature2.value;
-      sgn2.clear();
+    this.addListener = function() {
+      _this.removeListener();
+      _this.canvas.style.touchAction = "none";
+      if (isMobile && ("ontouchstart" in window || navigator.maxTouchPoints)) {
+        _this.canvas.addEventListener("touchstart", _this.onDrawStart, {
+          passive: false
+        });
+        _this.canvas.addEventListener("touchmove", _this.onDrawMove, {
+          passive: false
+        });
+        document.addEventListener("touchcancel", _this.onDrawEnd, {
+          passive: false
+        });
+        document.addEventListener("touchend", _this.onDrawEnd, {
+          passive: false
+        });
+      } else {
+        _this.canvas.addEventListener("mousedown", _this.onDrawStart);
+        _this.canvas.addEventListener("mousemove", _this.onDrawMove);
+        document.addEventListener("mouseup", _this.onDrawEnd);
+      }
     };
-    const handleUndo1 = () => {
-      const sgn = signature1.value;
-      sgn.undo();
+    this.removeListener = function() {
+      _this.canvas.style.touchAction = "auto";
+      _this.canvas.removeEventListener("touchstart", _this.onDrawStart);
+      _this.canvas.removeEventListener("touchmove", _this.onDrawMove);
+      document.removeEventListener("touchend", _this.onDrawEnd);
+      document.removeEventListener("touchcancel", _this.onDrawEnd);
+      _this.canvas.removeEventListener("mousedown", _this.onDrawStart);
+      _this.canvas.removeEventListener("mousemove", _this.onDrawMove);
+      document.removeEventListener("mouseup", _this.onDrawEnd);
     };
-    const handleUndo2 = () => {
-      const sgn2 = signature2.value;
-      sgn2.undo();
+    this.onDrawStart = function(e2) {
+      e2.preventDefault();
+      _this.canDraw = true;
+      _this.canAddHistory = true;
+      _this.ctx.strokeStyle = _this.color;
+      _this.initPoint(e2);
+      _this.onStart && _this.onStart(e2);
     };
-    const handlePreview1 = () => {
-      const sgn = signature1.value;
-      const isEmpty2 = sgn.isEmpty();
-      if (isEmpty2) {
-        alert("isEmpty");
+    this.onDrawMove = function(e2) {
+      e2.preventDefault();
+      if (!_this.canDraw)
         return;
-      }
-      const pngUrl = sgn.getPNG();
-      emit("save", pngUrl);
-    };
-    const handlePreview2 = () => {
-      const sgn2 = signature2.value;
-      const isEmpty2 = sgn2.isEmpty();
-      if (isEmpty2) {
-        alert("isEmpty");
+      _this.initPoint(e2);
+      if (_this.points.length < 2)
         return;
+      _this.addHistory();
+      var point = _this.points.slice(-1)[0];
+      var prePoint = _this.points.slice(-2, -1)[0];
+      if (window.requestAnimationFrame) {
+        window.requestAnimationFrame(function() {
+          return _this.onDraw(prePoint, point);
+        });
+      } else {
+        _this.onDraw(prePoint, point);
       }
-      const canvas = sgn2.getRotateCanvas(-90);
-      const pngUrl = canvas.toDataURL();
-      emit("save", pngUrl);
     };
-    onMounted(() => {
-      showFull.value = props.showFull;
-      setTimeout(() => {
-        initSignature1();
-        initSignture2();
-      }, 100);
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: "h-full w-full sign-finish",
-        ref_key: "signFinish",
-        ref: signFinish
-      }, [
-        withDirectives(createElementVNode("div", _hoisted_1$h, [
-          _cache[0] || (_cache[0] = createElementVNode("span", { class: "sign-title" }, "请在区域内签字", -1)),
-          createElementVNode("canvas", {
-            class: "canvas1",
-            ref_key: "canvas1",
-            ref: canvas1
-          }, null, 512),
-          createElementVNode("div", { class: "actions" }, [
-            createElementVNode("button", {
-              class: "danger",
-              onClick: handleClear1
-            }, "清除"),
-            createElementVNode("button", {
-              class: "warning",
-              onClick: handleUndo1
-            }, "撤销"),
-            createElementVNode("button", {
-              class: "primary",
-              onClick: handleFull
-            }, "横屏"),
-            createElementVNode("button", {
-              class: "success",
-              onClick: handlePreview1
-            }, "保存")
-          ])
-        ], 512), [
-          [vShow, showFull.value]
-        ]),
-        withDirectives(createElementVNode("div", _hoisted_2$1, [
-          createElementVNode("div", { class: "actionsWrap" }, [
-            createElementVNode("div", { class: "actions" }, [
-              createElementVNode("button", {
-                class: "danger",
-                onClick: handleClear2
-              }, "清除"),
-              createElementVNode("button", {
-                class: "warning",
-                onClick: handleUndo2
-              }, "撤销"),
-              createElementVNode("button", {
-                class: "primary",
-                onClick: handleFull
-              }, "竖屏"),
-              createElementVNode("button", {
-                class: "success",
-                onClick: handlePreview2
-              }, "保存")
-            ])
-          ]),
-          createElementVNode("canvas", {
-            class: "canvas",
-            ref_key: "canvas2",
-            ref: canvas2
-          }, null, 512)
-        ], 512), [
-          [vShow, !showFull.value]
-        ])
-      ], 512);
+    this.onDraw = function(prePoint, point) {
+      if (_this.openSmooth) {
+        _this.drawSmoothLine(prePoint, point);
+      } else {
+        _this.drawNoSmoothLine(prePoint, point);
+      }
     };
-  }
-});
-const bcSignature = /* @__PURE__ */ _export_sfc$1(_sfc_main$i, [["__scopeId", "data-v-e2292518"]]);
-const _hoisted_1$g = { class: "text-[#606266]" };
-const _hoisted_2 = { key: 1 };
-const _hoisted_3 = { class: "mb-[10px]" };
-const _hoisted_4 = {
-  key: 0,
-  class: "flex justify-center align-middle mt-[10px]"
-};
-const _sfc_main$h = /* @__PURE__ */ defineComponent({
-  __name: "baseForm",
-  props: {
-    data: {
-      // 表单数据
-      type: Object,
-      default: () => ({})
-    },
-    config: {
-      // 表单配置项
-      type: Array,
-      default: () => []
-    },
-    isRecursive: {
-      // 是否为递归
-      type: Boolean,
-      default: false
-    },
-    isVModel: {
-      // 是否为v-model
-      type: Boolean,
-      default: false
-    },
-    xs: {
-      type: Number,
-      default: 24
-    },
-    sm: {
-      type: Number,
-      default: 24
-    },
-    md: {
-      type: Number,
-      default: 24
-    },
-    lg: {
-      type: Number,
-      default: 24
-    },
-    xl: {
-      type: Number,
-      default: 24
-    }
-  },
-  setup(__props, { expose: __expose }) {
-    const props = __props;
-    const formRef = ref$1();
-    const oldData = ref$1(props.data);
-    let formData2 = ref$1(props.isRecursive || props.isVModel ? props.data : _$4.cloneDeep(props.data));
-    let formConfig2 = ref$1(props.config);
-    const submitForm = () => {
-      console.log("submitForm");
-      if (!formRef.value)
+    this.onDrawEnd = function(e2) {
+      if (!_this.canDraw)
         return;
-      formRef.value.validate((valid) => {
-        if (valid) {
-          console.log("submit!", formData2.value);
-          oldData.value = Object.assign(oldData.value, formData2.value);
-        } else {
-          console.log("error submit!", formData2.value);
-          return false;
-        }
-      });
+      _this.canDraw = false;
+      _this.canAddHistory = true;
+      _this.points = [];
+      _this.onEnd && _this.onEnd(e2);
     };
-    const validForm = () => {
-      return new Promise((resolve3) => {
-        if (!formRef.value) {
-          resolve3(false);
-          return;
-        }
-        formRef.value.validate((valid) => {
-          if (valid) {
-            resolve3(true);
-          } else {
-            resolve3(false);
-          }
-        });
-      });
+    this.getLineWidth = function(speed) {
+      var minSpeed = _this.minSpeed > 10 ? 10 : _this.minSpeed < 1 ? 1 : _this.minSpeed;
+      var addWidth = (_this.maxWidth - _this.minWidth) * speed / minSpeed;
+      var lineWidth = Math.max(_this.maxWidth - addWidth, _this.minWidth);
+      return Math.min(lineWidth, _this.maxWidth);
     };
-    __expose({ validForm });
-    return (_ctx, _cache) => {
-      const _component_ele_Warning = resolveComponent("ele-Warning");
-      const _component_el_icon = resolveComponent("el-icon");
-      const _component_el_tooltip = resolveComponent("el-tooltip");
-      const _component_hs_form_item = resolveComponent("hs-form-item");
-      const _component_hs_alert = resolveComponent("hs-alert");
-      const _component_base_form = resolveComponent("base-form", true);
-      const _component_hs_col = resolveComponent("hs-col");
-      const _component_hs_row = resolveComponent("hs-row");
-      const _component_hs_form = resolveComponent("hs-form");
-      const _component_hs_button = resolveComponent("hs-button");
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["h-full", { "overflow-y-auto": !__props.isRecursive }])
-      }, [
-        createVNode(_component_hs_form, {
-          model: unref(formData2),
-          "label-width": "146px",
-          "label-position": "right",
-          ref_key: "formRef",
-          ref: formRef
-        }, {
-          default: withCtx(() => [
-            createVNode(_component_hs_row, {
-              gutter: 0,
-              justify: "start",
-              class: "hs-row"
-            }, {
-              default: withCtx(() => [
-                (openBlock(true), createElementBlock(Fragment, null, renderList(unref(formConfig2), (item, index2) => {
-                  return openBlock(), createBlock(_component_hs_col, {
-                    key: index2,
-                    xs: !__props.isRecursive ? 24 : __props.xs,
-                    sm: !__props.isRecursive ? 24 : __props.sm,
-                    md: !__props.isRecursive ? 24 : __props.md,
-                    lg: !__props.isRecursive ? 24 : __props.lg,
-                    xl: !__props.isRecursive ? 24 : __props.xl,
-                    class: "mb-[20px]"
-                  }, {
-                    default: withCtx(() => [
-                      item["el"] != "title" ? (openBlock(), createBlock(_component_hs_form_item, mergeProps({
-                        key: 0,
-                        ref_for: true
-                      }, item), {
-                        label: withCtx(() => [
-                          createElementVNode("span", _hoisted_1$g, "  " + toDisplayString(item["label"]) + "  ", 1),
-                          createVNode(_component_el_tooltip, {
-                            class: "box-item",
-                            effect: "dark",
-                            content: item["tooltip"] || item["label"],
-                            placement: "top"
-                          }, {
-                            default: withCtx(() => [
-                              createElementVNode("div", null, [
-                                createVNode(_component_el_icon, null, {
-                                  default: withCtx(() => [
-                                    createVNode(_component_ele_Warning)
-                                  ]),
-                                  _: 1
-                                })
-                              ])
-                            ]),
-                            _: 2
-                          }, 1032, ["content"])
-                        ]),
-                        default: withCtx(() => [
-                          (openBlock(), createBlock(resolveDynamicComponent(item["el"]), mergeProps({
-                            modelValue: unref(formData2)[item.prop],
-                            "onUpdate:modelValue": ($event) => unref(formData2)[item.prop] = $event,
-                            clearable: item.clearable != false,
-                            placeholder: "请输入",
-                            ref_for: true
-                          }, item["attrs"] || {}), {
-                            default: withCtx(() => [
-                              item["op"] ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(item["op"] || [], (value, idx) => {
-                                return openBlock(), createBlock(resolveDynamicComponent(item["cel"]), {
-                                  key: idx,
-                                  label: value["label"],
-                                  value: value["value"]
-                                }, null, 8, ["label", "value"]);
-                              }), 128)) : createCommentVNode("", true)
-                            ]),
-                            _: 2
-                          }, 1040, ["modelValue", "onUpdate:modelValue", "clearable"]))
-                        ]),
-                        _: 2
-                      }, 1040)) : (openBlock(), createElementBlock("div", _hoisted_2, [
-                        createElementVNode("div", _hoisted_3, [
-                          createVNode(_component_hs_alert, {
-                            title: item["label"],
-                            type: "info",
-                            closable: false
-                          }, null, 8, ["title"])
-                        ]),
-                        item["children"] ? (openBlock(), createBlock(_component_base_form, {
-                          key: 0,
-                          data: unref(formData2)[item.prop],
-                          config: item["children"],
-                          isRecursive: true,
-                          xs: __props.xs,
-                          sm: __props.sm,
-                          md: __props.md,
-                          lg: __props.lg,
-                          xl: __props.xl
-                        }, null, 8, ["data", "config", "xs", "sm", "md", "lg", "xl"])) : createCommentVNode("", true)
-                      ]))
-                    ]),
-                    _: 2
-                  }, 1032, ["xs", "sm", "md", "lg", "xl"]);
-                }), 128))
-              ]),
-              _: 1
-            })
-          ]),
-          _: 1
-        }, 8, ["model"]),
-        !__props.isRecursive && !__props.isVModel ? (openBlock(), createElementBlock("footer", _hoisted_4, [
-          createVNode(_component_hs_button, {
-            type: "primary",
-            onClick: submitForm
+    this.getRadianData = function(x1, y1, x2, y2) {
+      var dis_x = x2 - x1;
+      var dis_y = y2 - y1;
+      if (dis_x === 0) {
+        return {
+          val: 0,
+          pos: -1
+        };
+      }
+      if (dis_y === 0) {
+        return {
+          val: 0,
+          pos: 1
+        };
+      }
+      var val = Math.abs(Math.atan(dis_y / dis_x));
+      if (x2 > x1 && y2 < y1 || x2 < x1 && y2 > y1) {
+        return {
+          val,
+          pos: 1
+        };
+      }
+      return {
+        val,
+        pos: -1
+      };
+    };
+    this.getRadianPoints = function(radianData, x2, y2, halfLineWidth) {
+      if (radianData.val === 0) {
+        if (radianData.pos === 1) {
+          return [{
+            x: x2,
+            y: y2 + halfLineWidth
           }, {
-            default: withCtx(() => _cache[0] || (_cache[0] = [
-              createTextVNode("保存")
-            ])),
-            _: 1
-          })
-        ])) : createCommentVNode("", true)
-      ], 2);
+            x: x2,
+            y: y2 - halfLineWidth
+          }];
+        }
+        return [{
+          y: y2,
+          x: x2 + halfLineWidth
+        }, {
+          y: y2,
+          x: x2 - halfLineWidth
+        }];
+      }
+      var dis_x = Math.sin(radianData.val) * halfLineWidth;
+      var dis_y = Math.cos(radianData.val) * halfLineWidth;
+      if (radianData.pos === 1) {
+        return [{
+          x: x2 + dis_x,
+          y: y2 + dis_y
+        }, {
+          x: x2 - dis_x,
+          y: y2 - dis_y
+        }];
+      }
+      return [{
+        x: x2 + dis_x,
+        y: y2 - dis_y
+      }, {
+        x: x2 - dis_x,
+        y: y2 + dis_y
+      }];
     };
-  }
-});
-const baseForm = /* @__PURE__ */ _export_sfc$1(_sfc_main$h, [["__scopeId", "data-v-c2b214a7"]]);
-const _hoisted_1$f = { class: "p-[10px] h-full" };
-const __default__$g = defineComponent({
-  name: "inputAttrConfig"
-});
-const _sfc_main$g = /* @__PURE__ */ defineComponent({
-  ...__default__$g,
-  props: {
-    data: {
-      type: Object,
-      default: () => {
+    this.initPoint = function(event) {
+      var t2 = Date.now();
+      var prePoint = _this.points.slice(-1)[0];
+      if (prePoint && prePoint.t === t2) {
+        return;
+      }
+      var rect = _this.canvas.getBoundingClientRect();
+      var e2 = event.touches && event.touches[0] || event;
+      var x2 = e2.clientX - rect.left;
+      var y2 = e2.clientY - rect.top;
+      if (prePoint && prePoint.x === x2 && prePoint.y === y2) {
+        return;
+      }
+      var point = {
+        x: x2,
+        y: y2,
+        t: t2
+      };
+      if (_this.openSmooth && prePoint) {
+        var prePoint2 = _this.points.slice(-2, -1)[0];
+        point.distance = Math.sqrt(Math.pow(point.x - prePoint.x, 2) + Math.pow(point.y - prePoint.y, 2));
+        point.speed = point.distance / (point.t - prePoint.t || 0.1);
+        point.lineWidth = _this.getLineWidth(point.speed);
+        if (prePoint2 && prePoint2.lineWidth && prePoint.lineWidth) {
+          var rate = (point.lineWidth - prePoint.lineWidth) / prePoint.lineWidth;
+          var maxRate = _this.maxWidthDiffRate / 100;
+          maxRate = maxRate > 1 ? 1 : maxRate < 0.01 ? 0.01 : maxRate;
+          if (Math.abs(rate) > maxRate) {
+            var per = rate > 0 ? maxRate : -maxRate;
+            point.lineWidth = prePoint.lineWidth * (1 + per);
+          }
+        }
       }
-    },
-    isVModel: {
-      type: Boolean,
-      default: false
-    }
-  },
-  setup(__props) {
-    const props = __props;
-    let inputConfig = ref$1({
-      inputAttrConfig: _$4.cloneDeep(inputAttrConfig),
-      inputAttrConfigMap: _$4.cloneDeep(inputAttrConfigMap)
-    });
-    const data2 = ref$1(_$4.isEmpty(props.data) ? Object.assign(props.data, inputConfig.value.inputAttrConfigMap) : props.data);
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$f, [
-        createVNode(baseForm, {
-          data: data2.value,
-          "onUpdate:data": _cache[0] || (_cache[0] = ($event) => data2.value = $event),
-          config: unref(inputConfig).inputAttrConfig,
-          isVModel: __props.isVModel
-        }, null, 8, ["data", "config", "isVModel"])
-      ]);
+      _this.points.push(point);
+      _this.points = _this.points.slice(-3);
     };
-  }
-});
-const _hoisted_1$e = { class: "p-[10px] h-full overflow-y-auto" };
-const __default__$f = defineComponent({
-  name: "inputEventConfig"
-});
-const _sfc_main$f = /* @__PURE__ */ defineComponent({
-  ...__default__$f,
-  props: {
-    data: {
-      type: Object,
-      default: () => {
+    this.drawSmoothLine = function(prePoint, point) {
+      var dis_x = point.x - prePoint.x;
+      var dis_y = point.y - prePoint.y;
+      if (Math.abs(dis_x) + Math.abs(dis_y) <= _this.scale) {
+        point.lastX1 = point.lastX2 = prePoint.x + dis_x * 0.5;
+        point.lastY1 = point.lastY2 = prePoint.y + dis_y * 0.5;
+      } else {
+        point.lastX1 = prePoint.x + dis_x * 0.3;
+        point.lastY1 = prePoint.y + dis_y * 0.3;
+        point.lastX2 = prePoint.x + dis_x * 0.7;
+        point.lastY2 = prePoint.y + dis_y * 0.7;
+      }
+      point.perLineWidth = (prePoint.lineWidth + point.lineWidth) / 2;
+      if (typeof prePoint.lastX1 === "number") {
+        _this.drawCurveLine(prePoint.lastX2, prePoint.lastY2, prePoint.x, prePoint.y, point.lastX1, point.lastY1, point.perLineWidth);
+        if (prePoint.isFirstPoint)
+          return;
+        if (prePoint.lastX1 === prePoint.lastX2 && prePoint.lastY1 === prePoint.lastY2)
+          return;
+        var data2 = _this.getRadianData(prePoint.lastX1, prePoint.lastY1, prePoint.lastX2, prePoint.lastY2);
+        var points1 = _this.getRadianPoints(data2, prePoint.lastX1, prePoint.lastY1, prePoint.perLineWidth / 2);
+        var points2 = _this.getRadianPoints(data2, prePoint.lastX2, prePoint.lastY2, point.perLineWidth / 2);
+        _this.drawTrapezoid(points1[0], points2[0], points2[1], points1[1]);
+      } else {
+        point.isFirstPoint = true;
       }
-    }
-  },
-  setup(__props) {
-    const handClick = () => {
-      console.log(data2);
-      console.log(formData2);
     };
-    const props = __props;
-    const data2 = ref$1(_$4.isEmpty(props.data) ? Object.assign(props.data, {}) : props.data);
-    const formData2 = ref$1(inputEventConfig.map(() => ({})));
-    console.log("formData", formData2);
-    return (_ctx, _cache) => {
-      const _component_hs_button = resolveComponent("hs-button");
-      return openBlock(), createElementBlock("div", _hoisted_1$e, [
-        createVNode(_component_hs_button, { onClick: handClick }, {
-          default: withCtx(() => _cache[0] || (_cache[0] = [
-            createTextVNode("父组件获取数据")
-          ])),
-          _: 1
-        }),
-        (openBlock(true), createElementBlock(Fragment, null, renderList(unref(inputEventConfig), (item, index2) => {
-          return openBlock(), createElementBlock("div", { key: index2 }, [
-            (openBlock(), createBlock(resolveDynamicComponent(item["el"]), mergeProps({
-              modelValue: formData2.value[index2][item.prop],
-              "onUpdate:modelValue": ($event) => formData2.value[index2][item.prop] = $event,
-              clearable: "",
-              placeholder: "请输入",
-              ref_for: true
-            }, item["attrs"] || {}), null, 16, ["modelValue", "onUpdate:modelValue"]))
-          ]);
-        }), 128))
-      ]);
+    this.drawNoSmoothLine = function(prePoint, point) {
+      point.lastX = prePoint.x + (point.x - prePoint.x) * 0.5;
+      point.lastY = prePoint.y + (point.y - prePoint.y) * 0.5;
+      if (typeof prePoint.lastX === "number") {
+        _this.drawCurveLine(prePoint.lastX, prePoint.lastY, prePoint.x, prePoint.y, point.lastX, point.lastY, _this.maxWidth);
+      }
     };
-  }
-});
-const selectAttrConfig = [
-  {
-    prop: "attrs",
-    label: "selectAttrs",
-    tooltip: "selectAttrs",
-    type: "object",
-    el: "title",
-    children: [
-      {
-        prop: "defaultValue",
-        label: "默认值",
-        tooltip: "默认值",
-        type: "string / number / boolean / object / array",
-        el: "hs-input"
-      },
-      {
-        prop: "options",
-        label: "option配置数据",
-        tooltip: 'options 示例：string=[{label: "示例代码", value: 0}]',
-        type: "string",
-        el: "hs-input",
-        attrs: {
-          type: "textarea"
-        }
-      },
-      {
-        prop: "url",
-        label: "url获取options",
-        tooltip: "通过url请求获取options配置项数据",
-        type: "string",
-        el: "hs-input"
-      },
-      {
-        prop: "params",
-        label: "请求参数",
-        type: "string",
-        el: "hs-input"
-      },
-      {
-        prop: "method",
-        label: "请求方式",
-        type: "string",
-        op: [
-          { label: " POST", value: "post" },
-          { label: "GET", value: "get" },
-          { label: "DELETE", value: "delete" },
-          { label: "PUT", value: "put" }
-        ],
-        el: "hs-select",
-        cel: "hs-option"
-      },
-      {
-        prop: "proxy",
-        label: "代理",
-        type: "string",
-        el: "hs-input"
-      },
-      // {
-      // 	prop: 'dictCode',
-      // 	label: '字典code',
-      // 	tooltip: '字典code',
-      // 	type: 'string',
-      // 	el: 'hs-input',
-      // },
-      {
-        prop: "permissionsDict",
-        label: "权限字典项",
-        tooltip: "权限字典项",
-        type: "string",
-        el: "hs-input"
-      },
-      {
-        prop: "multiple",
-        label: "是否多选",
-        tooltip: "是否多选",
-        type: "boolean",
-        el: "hs-switch"
-      },
-      {
-        prop: "disabled",
-        label: "是否禁用",
-        tooltip: "是否禁用",
-        type: "boolean",
-        el: "hs-switch"
-      },
-      {
-        prop: "value-key",
-        label: "value 唯一标识",
-        tooltip: "作为 value 唯一标识的键名，绑定值为对象类型时必填",
-        type: "string",
-        el: "hs-input"
-      },
-      {
-        prop: "placeholder",
-        label: "占位符",
-        tooltip: "占位符，默认为“Select”",
-        type: "string",
-        el: "hs-input"
-      },
-      {
-        prop: "size",
-        label: "输入框尺寸",
-        tooltip: "输入框尺寸",
-        type: "enum",
-        el: "hs-select",
-        op: [
-          { label: "large", value: "large" },
-          { label: "default", value: "default" },
-          { label: "small", value: "small" }
-        ],
-        cel: "hs-option"
-      },
-      {
-        prop: "clearable",
-        label: "是否可以清空",
-        tooltip: "是否可以清空选项",
-        type: "boolean",
-        el: "hs-switch"
-      },
-      {
-        prop: "collapse-tags",
-        label: "值按文字展示",
-        tooltip: "多选时是否将选中值按文字的形式展示",
-        type: "boolean",
-        el: "hs-switch"
-      },
-      {
-        prop: "collapse-tags-tooltip",
-        label: "是否显示所选",
-        tooltip: "当鼠标悬停于折叠标签的文本时，是否显示所有选中的标签。 要使用此属性，collapse-tags属性必须设定为 true",
-        type: "boolean",
-        el: "hs-switch"
-      },
-      {
-        prop: "multiple-limit",
-        label: "最多可选数",
-        tooltip: "multiple 属性设置为 true 时，代表多选场景下用户最多可以选择的项目数， 为 0 则不限制",
-        type: "number",
-        el: "hs-input-number"
-      },
-      {
-        prop: "name",
-        label: "原生name属性",
-        tooltip: "Select 输入框的原生 name 属性",
-        type: "string",
-        el: "hs-input"
-      },
-      {
-        prop: "effect",
-        label: "tooltip 主题",
-        tooltip: "tooltip 主题，内置了 dark / light 两种",
-        type: "enum / string",
-        el: "hs-select",
-        op: [
-          { label: "dark", value: "dark" },
-          { label: "light", value: "light" }
-        ],
-        cel: "hs-option"
-      },
-      {
-        prop: "autocomplete",
-        label: "autocomplete",
-        tooltip: "Select 输入框的原生 autocomplete 属性",
-        type: "string",
-        el: "hs-input"
-      },
-      {
-        prop: "filterable",
-        label: "是否可筛选",
-        tooltip: "Select 组件是否可筛选",
-        type: "boolean",
-        el: "hs-switch"
-      },
-      {
-        prop: "allow-create",
-        label: "允许创建条目",
-        tooltip: "是否允许用户创建新条目， 只有当 filterable 设置为 true 时才会生效。",
-        type: "boolean",
-        el: "hs-switch"
-      },
-      {
-        prop: "filter-method",
-        label: "筛选方法",
-        tooltip: "自定义筛选方法",
-        type: "Function",
-        el: "hs-input"
-      },
-      {
-        prop: "remote",
-        label: "是否远程加载",
-        tooltip: "其中的选项是否从服务器远程加载",
-        type: "boolean",
-        el: "hs-switch"
-      },
-      {
-        prop: "remote-method",
-        label: "远程搜索方法",
-        tooltip: "自定义远程搜索方法",
-        type: "Function",
-        el: "hs-input"
-      },
-      {
-        prop: "remote-show-suffix",
-        label: "远程搜索图标",
-        tooltip: "远程搜索方法显示后缀图标",
-        type: "boolean",
-        el: "hs-switch"
-      },
-      {
-        prop: "loading",
-        label: "是否正在获取",
-        tooltip: "是否正在从远程获取数据",
-        type: "boolean",
-        el: "hs-switch"
-      },
-      {
-        prop: "loading-text",
-        label: "加载时文本",
-        tooltip: "从服务器加载数据时显示的文本，默认为“Loading”",
-        type: "string",
-        el: "hs-input"
-      },
-      {
-        prop: "no-match-text",
-        label: "无匹配时显示",
-        tooltip: "搜索条件无匹配时显示的文字，也可以使用 empty 插槽设置，默认是 “No matching data'”",
-        type: "string",
-        el: "hs-input"
-      },
-      {
-        prop: "no-data-text",
-        label: "无选项时显示",
-        tooltip: "无选项时显示的文字，也可以使用 empty 插槽设置自定义内容，默认是 “No data”",
-        type: "string",
-        el: "hs-input"
-      },
-      {
-        prop: "popper-class",
-        label: "下拉菜单类名",
-        tooltip: "选择器下拉菜单的自定义类名",
-        type: "string",
-        el: "hs-input"
-      },
-      {
-        prop: "reserve-keyword",
-        label: "保留关键词",
-        tooltip: "当 multiple 和 filterable被设置为 true 时，是否在选中一个选项后保留当前的搜索关键词",
-        type: "boolean",
-        el: "hs-switch"
-      },
-      {
-        prop: "default-first-option",
-        label: "回车选择",
-        tooltip: "是否在输入框按下回车时，选择第一个匹配项。 需配合 filterable 或 remote 使用",
-        type: "boolean",
-        el: "hs-switch"
-      },
-      {
-        prop: "teleported",
-        label: "是否插入至body",
-        tooltip: "是否将下拉列表插入至 body 元素",
-        type: "boolean",
-        el: "hs-switch"
-      },
-      {
-        prop: "persistent",
-        label: "选择器未被激活",
-        tooltip: "当下拉选择器未被激活并且persistent设置为false，选择器会被删除。",
-        type: "boolean",
-        el: "hs-switch"
-      },
-      {
-        prop: "automatic-dropdown",
-        label: "自动弹出选项",
-        tooltip: "对于不可搜索的 Select，是否在输入框获得焦点后自动弹出选项菜单",
-        type: "boolean",
-        el: "hs-switch"
-      },
-      {
-        prop: "clear-icon",
-        label: "清除图标",
-        tooltip: "自定义清除图标",
-        type: "string / object",
-        el: "hs-input"
-      },
-      {
-        prop: "fit-input-width",
-        label: "下拉框宽度",
-        tooltip: "下拉框的宽度是否与输入框相同",
-        type: "boolean",
-        el: "hs-switch"
-      },
-      {
-        prop: "suffix-icon",
-        label: "后缀图标",
-        tooltip: "自定义后缀图标组件",
-        type: "string / object",
-        el: "hs-input"
-      },
-      {
-        prop: "suffix-transition deprecated",
-        label: "下拉图标动画",
-        tooltip: "下拉菜单显示/消失时后缀图标的动画",
-        type: "boolean",
-        el: "hs-switch"
-      },
-      {
-        prop: "tag-type",
-        label: "标签类型",
-        tooltip: "标签类型",
-        type: "enum",
-        el: "hs-select",
-        op: [
-          { label: "success", value: "success" },
-          { label: "info", value: "info" },
-          { label: "warning", value: "warning" },
-          { label: "danger", value: "danger" }
-        ],
-        cel: "hs-option"
-      },
-      {
-        prop: "validate-event",
-        label: "表单验证",
-        tooltip: "是否触发表单验证",
-        type: "boolean",
-        el: "hs-switch"
-      },
-      {
-        prop: "placement",
-        label: "下拉框出现位置",
-        tooltip: "下拉框出现的位置",
-        type: "enum",
-        el: "hs-select",
-        op: [
-          { label: "top", value: "top" },
-          { label: "top-start", value: "top-start" },
-          { label: "top-end", value: "top-end" },
-          { label: "bottom", value: "bottom" },
-          { label: "bottom-start", value: "bottom-start" },
-          { label: "bottom-end", value: "bottom-end" },
-          { label: "left", value: "left" },
-          { label: "left-start", value: "left-start" },
-          { label: "left-end", value: "left-end" },
-          { label: "right", value: "right" },
-          { label: "right-start", value: "right-start" },
-          { label: "right-end", value: "right-end" }
-        ],
-        cel: "hs-option"
-      },
-      {
-        prop: "max-collapse-tags",
-        label: "Tag最大数量",
-        tooltip: "需要显示的 Tag 的最大数量 只有当 collapse-tags 设置为 true 时才会生效。",
-        type: "number",
-        el: "hs-input-number"
-      },
-      {
-        prop: "popper-options",
-        label: "popper参数",
-        tooltip: "popper.js 参数",
-        type: "objectrefer to popper.js doc",
-        el: "hs-input"
-      },
-      {
-        prop: "aria-label",
-        label: "aria-label",
-        tooltip: "等价于原生 input aria-label 属性",
-        type: "string",
-        el: "hs-input"
+    this.drawCurveLine = function(x1, y1, x2, y2, x3, y3, lineWidth) {
+      _this.ctx.lineWidth = Number(lineWidth.toFixed(1));
+      _this.ctx.beginPath();
+      _this.ctx.moveTo(Number(x1.toFixed(1)), Number(y1.toFixed(1)));
+      _this.ctx.quadraticCurveTo(Number(x2.toFixed(1)), Number(y2.toFixed(1)), Number(x3.toFixed(1)), Number(y3.toFixed(1)));
+      _this.ctx.stroke();
+    };
+    this.drawTrapezoid = function(point1, point2, point3, point4) {
+      _this.ctx.beginPath();
+      _this.ctx.moveTo(Number(point1.x.toFixed(1)), Number(point1.y.toFixed(1)));
+      _this.ctx.lineTo(Number(point2.x.toFixed(1)), Number(point2.y.toFixed(1)));
+      _this.ctx.lineTo(Number(point3.x.toFixed(1)), Number(point3.y.toFixed(1)));
+      _this.ctx.lineTo(Number(point4.x.toFixed(1)), Number(point4.y.toFixed(1)));
+      _this.ctx.fillStyle = _this.color;
+      _this.ctx.fill();
+    };
+    this.drawBgColor = function() {
+      if (!_this.bgColor)
+        return;
+      _this.ctx.fillStyle = _this.bgColor;
+      _this.ctx.fillRect(0, 0, _this.width, _this.height);
+    };
+    this.drawByImageUrl = function(url2) {
+      var image = new Image();
+      image.onload = function() {
+        _this.ctx.clearRect(0, 0, _this.width, _this.height);
+        _this.ctx.drawImage(image, 0, 0, _this.width, _this.height);
+      };
+      image.crossOrigin = "anonymous";
+      image.src = url2;
+    };
+    this.addHistory = function() {
+      if (!_this.maxHistoryLength || !_this.canAddHistory)
+        return;
+      _this.canAddHistory = false;
+      _this.historyList.push(_this.canvas.toDataURL());
+      _this.historyList = _this.historyList.slice(-_this.maxHistoryLength);
+    };
+    this.clear = function() {
+      _this.ctx.clearRect(0, 0, _this.width, _this.height);
+      _this.drawBgColor();
+      _this.historyList.length = 0;
+    };
+    this.undo = function() {
+      var dataUrl = _this.historyList.splice(-1)[0];
+      dataUrl && _this.drawByImageUrl(dataUrl);
+    };
+    this.toDataURL = function() {
+      var type4 = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "image/png";
+      var quality = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 1;
+      if (_this.canvas.width === _this.width) {
+        return _this.canvas.toDataURL(type4, quality);
       }
-    ]
+      var canvas = document.createElement("canvas");
+      canvas.width = _this.width;
+      canvas.height = _this.height;
+      var ctx = canvas.getContext("2d");
+      ctx.drawImage(_this.canvas, 0, 0, canvas.width, canvas.height);
+      return canvas.toDataURL(type4, quality);
+    };
+    this.getPNG = function() {
+      return _this.toDataURL();
+    };
+    this.getJPG = function() {
+      var quality = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : 0.8;
+      return _this.toDataURL("image/jpeg", quality);
+    };
+    this.isEmpty = function() {
+      var canvas = document.createElement("canvas");
+      var ctx = canvas.getContext("2d");
+      canvas.width = _this.canvas.width;
+      canvas.height = _this.canvas.height;
+      if (_this.bgColor) {
+        ctx.fillStyle = _this.bgColor;
+        ctx.fillRect(0, 0, canvas.width, canvas.height);
+      } else if (_this.scale !== 1) {
+        ctx.scale(_this.scale, _this.scale);
+      }
+      return canvas.toDataURL() === _this.canvas.toDataURL();
+    };
+    this.getRotateCanvas = function() {
+      var degree = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : 90;
+      if (degree > 0) {
+        degree = degree > 90 ? 180 : 90;
+      } else {
+        degree = degree < -90 ? 180 : -90;
+      }
+      var canvas = document.createElement("canvas");
+      var w2 = _this.width;
+      var h2 = _this.height;
+      if (degree === 180) {
+        canvas.width = w2;
+        canvas.height = h2;
+      } else {
+        canvas.width = h2;
+        canvas.height = w2;
+      }
+      var ctx = canvas.getContext("2d");
+      ctx.rotate(degree * Math.PI / 180);
+      if (degree === 90) {
+        ctx.drawImage(_this.canvas, 0, -h2, w2, h2);
+      } else if (degree === -90) {
+        ctx.drawImage(_this.canvas, -w2, 0, w2, h2);
+      } else if (degree === 180) {
+        ctx.drawImage(_this.canvas, -w2, -h2, w2, h2);
+      }
+      return canvas;
+    };
+    this.init(_canvas, options2);
+  }
+  _createClass(SmoothSignature2, [{
+    key: "init",
+    value: function init2(canvas) {
+      var options2 = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
+      if (!canvas)
+        return;
+      this.canvas = canvas;
+      this.ctx = canvas.getContext("2d");
+      this.width = options2.width || canvas.clientWidth || this.width;
+      this.height = options2.height || canvas.clientHeight || this.height;
+      this.scale = options2.scale || this.scale;
+      this.color = options2.color || this.color;
+      this.bgColor = options2.bgColor || this.bgColor;
+      this.openSmooth = options2.openSmooth === void 0 ? this.openSmooth : !!options2.openSmooth;
+      this.minWidth = options2.minWidth || this.minWidth;
+      this.maxWidth = options2.maxWidth || this.maxWidth;
+      this.minSpeed = options2.minSpeed || this.minSpeed;
+      this.maxWidthDiffRate = options2.maxWidthDiffRate || this.maxWidthDiffRate;
+      this.maxHistoryLength = options2.maxHistoryLength || this.maxHistoryLength;
+      this.onStart = options2.onStart;
+      this.onEnd = options2.onEnd;
+      if (this.scale > 0) {
+        this.canvas.height = this.height * this.scale;
+        this.canvas.width = this.width * this.scale;
+        if (this.scale !== 1) {
+          this.canvas.style.width = this.width + "px";
+          this.canvas.style.height = this.height + "px";
+          this.ctx.scale(this.scale, this.scale);
+        }
+      }
+      this.ctx.lineCap = "round";
+      this.drawBgColor();
+      this.addListener();
+    }
+  }]);
+  return SmoothSignature2;
+}();
+const _hoisted_1$h = { class: "wrap1" };
+const _hoisted_2$1 = { class: "wrap2" };
+const _sfc_main$i = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  props: {
+    showFull: {
+      type: Boolean,
+      default: true
+    }
   },
-  {
-    prop: "groupAttrs",
-    label: "optionGroupAttrs",
-    tooltip: "optionGroupAttrs",
-    type: "object",
-    el: "title",
-    children: [
-      {
-        prop: "isGroupEnabled",
-        label: "是否启用分组",
-        tooltip: "是否启用分组",
-        type: "boolean",
-        el: "hs-switch"
-      },
-      {
-        prop: "label",
-        label: "分组的名称",
-        tooltip: "分组的名称",
-        type: "string",
-        el: "hs-input"
-      },
-      {
-        prop: "disabled",
-        label: "是否禁用分组",
-        tooltip: "是否将该分组下所有选项置为禁用",
-        type: "string",
-        el: "hs-switch"
+  emits: ["save"],
+  setup(__props, { emit: __emit }) {
+    const signFinish = ref$1(null);
+    const { width: signFinishWidth, height: signFinishHeight } = useElementSize(signFinish);
+    const props = __props;
+    const showFull = ref$1(false);
+    const canvas2 = ref$1(null);
+    const canvas1 = ref$1(null);
+    const signature1 = ref$1(null);
+    const signature2 = ref$1(null);
+    const emit = __emit;
+    const handleFull = () => {
+      var _a2, _b;
+      showFull.value = !showFull.value;
+      (_a2 = signature1 == null ? void 0 : signature1.value) == null ? void 0 : _a2.clear();
+      (_b = signature2 == null ? void 0 : signature2.value) == null ? void 0 : _b.clear();
+    };
+    const initSignature1 = () => {
+      const canvas = canvas1.value;
+      const options2 = {
+        width: signFinishWidth.value - 30,
+        height: 200,
+        minWidth: 2,
+        maxWidth: 6,
+        openSmooth: false,
+        bgColor: "#ffffff"
+      };
+      signature1.value = new SmoothSignature(canvas, options2);
+    };
+    const initSignture2 = () => {
+      const canvas = canvas2.value;
+      const options2 = {
+        width: signFinishWidth.value - 120,
+        height: signFinishHeight.value - 60,
+        minWidth: 3,
+        maxWidth: 10,
+        openSmooth: false,
+        bgColor: "#ffffff"
+      };
+      signature2.value = new SmoothSignature(canvas, options2);
+    };
+    const handleClear1 = () => {
+      const sgn = signature1.value;
+      sgn.clear();
+    };
+    const handleClear2 = () => {
+      const sgn2 = signature2.value;
+      sgn2.clear();
+    };
+    const handleUndo1 = () => {
+      const sgn = signature1.value;
+      sgn.undo();
+    };
+    const handleUndo2 = () => {
+      const sgn2 = signature2.value;
+      sgn2.undo();
+    };
+    const handlePreview1 = () => {
+      const sgn = signature1.value;
+      const isEmpty2 = sgn.isEmpty();
+      if (isEmpty2) {
+        alert("isEmpty");
+        return;
       }
-    ]
+      const pngUrl = sgn.getPNG();
+      emit("save", pngUrl);
+    };
+    const handlePreview2 = () => {
+      const sgn2 = signature2.value;
+      const isEmpty2 = sgn2.isEmpty();
+      if (isEmpty2) {
+        alert("isEmpty");
+        return;
+      }
+      const canvas = sgn2.getRotateCanvas(-90);
+      const pngUrl = canvas.toDataURL();
+      emit("save", pngUrl);
+    };
+    onMounted(() => {
+      showFull.value = props.showFull;
+      setTimeout(() => {
+        initSignature1();
+        initSignture2();
+      }, 100);
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: "h-full w-full sign-finish",
+        ref_key: "signFinish",
+        ref: signFinish
+      }, [
+        withDirectives(createElementVNode("div", _hoisted_1$h, [
+          _cache[0] || (_cache[0] = createElementVNode("span", { class: "sign-title" }, "请在区域内签字", -1)),
+          createElementVNode("canvas", {
+            class: "canvas1",
+            ref_key: "canvas1",
+            ref: canvas1
+          }, null, 512),
+          createElementVNode("div", { class: "actions" }, [
+            createElementVNode("button", {
+              class: "danger",
+              onClick: handleClear1
+            }, "清除"),
+            createElementVNode("button", {
+              class: "warning",
+              onClick: handleUndo1
+            }, "撤销"),
+            createElementVNode("button", {
+              class: "primary",
+              onClick: handleFull
+            }, "横屏"),
+            createElementVNode("button", {
+              class: "success",
+              onClick: handlePreview1
+            }, "保存")
+          ])
+        ], 512), [
+          [vShow, showFull.value]
+        ]),
+        withDirectives(createElementVNode("div", _hoisted_2$1, [
+          createElementVNode("div", { class: "actionsWrap" }, [
+            createElementVNode("div", { class: "actions" }, [
+              createElementVNode("button", {
+                class: "danger",
+                onClick: handleClear2
+              }, "清除"),
+              createElementVNode("button", {
+                class: "warning",
+                onClick: handleUndo2
+              }, "撤销"),
+              createElementVNode("button", {
+                class: "primary",
+                onClick: handleFull
+              }, "竖屏"),
+              createElementVNode("button", {
+                class: "success",
+                onClick: handlePreview2
+              }, "保存")
+            ])
+          ]),
+          createElementVNode("canvas", {
+            class: "canvas",
+            ref_key: "canvas2",
+            ref: canvas2
+          }, null, 512)
+        ], 512), [
+          [vShow, !showFull.value]
+        ])
+      ], 512);
+    };
+  }
+});
+const bcSignature = /* @__PURE__ */ _export_sfc$1(_sfc_main$i, [["__scopeId", "data-v-e2292518"]]);
+const _hoisted_1$g = { class: "text-[#606266]" };
+const _hoisted_2 = { key: 1 };
+const _hoisted_3 = { class: "mb-[10px]" };
+const _hoisted_4 = {
+  key: 0,
+  class: "flex justify-center align-middle mt-[10px]"
+};
+const _sfc_main$h = /* @__PURE__ */ defineComponent({
+  __name: "baseForm",
+  props: {
+    data: {
+      // 表单数据
+      type: Object,
+      default: () => ({})
+    },
+    config: {
+      // 表单配置项
+      type: Array,
+      default: () => []
+    },
+    isRecursive: {
+      // 是否为递归
+      type: Boolean,
+      default: false
+    },
+    isVModel: {
+      // 是否为v-model
+      type: Boolean,
+      default: false
+    },
+    xs: {
+      type: Number,
+      default: 24
+    },
+    sm: {
+      type: Number,
+      default: 24
+    },
+    md: {
+      type: Number,
+      default: 24
+    },
+    lg: {
+      type: Number,
+      default: 24
+    },
+    xl: {
+      type: Number,
+      default: 24
+    }
   },
-  {
-    prop: "optionAttrs",
-    label: "optionAttrs",
-    tooltip: "optionAttrs",
-    type: "object",
-    el: "title",
-    children: [
-      {
-        prop: "value",
-        label: "选项的值",
-        tooltip: "选项的值",
-        type: "string",
-        el: "hs-input"
-      },
-      {
-        prop: "label",
-        label: "选项的标签",
-        tooltip: "选项的标签，若不设置则默认与value相同",
-        type: "string",
-        el: "hs-input"
-      },
-      {
-        prop: "disabled",
-        label: "是否禁用选项",
-        tooltip: "是否禁用该选项",
-        type: "string",
-        el: "hs-switch"
+  setup(__props, { expose: __expose }) {
+    const props = __props;
+    const formRef = ref$1();
+    const oldData = ref$1(props.data);
+    let formData2 = ref$1(props.isRecursive || props.isVModel ? props.data : _$4.cloneDeep(props.data));
+    let formConfig2 = ref$1(props.config);
+    const submitForm = () => {
+      console.log("submitForm");
+      if (!formRef.value)
+        return;
+      formRef.value.validate((valid) => {
+        if (valid) {
+          console.log("submit!", formData2.value);
+          oldData.value = Object.assign(oldData.value, formData2.value);
+        } else {
+          console.log("error submit!", formData2.value);
+          return false;
+        }
+      });
+    };
+    const validForm = () => {
+      return new Promise((resolve3) => {
+        if (!formRef.value) {
+          resolve3(false);
+          return;
+        }
+        formRef.value.validate((valid) => {
+          if (valid) {
+            resolve3(true);
+          } else {
+            resolve3(false);
+          }
+        });
+      });
+    };
+    __expose({ validForm });
+    return (_ctx, _cache) => {
+      const _component_ele_Warning = resolveComponent("ele-Warning");
+      const _component_el_icon = resolveComponent("el-icon");
+      const _component_el_tooltip = resolveComponent("el-tooltip");
+      const _component_hs_form_item = resolveComponent("hs-form-item");
+      const _component_hs_alert = resolveComponent("hs-alert");
+      const _component_base_form = resolveComponent("base-form", true);
+      const _component_hs_col = resolveComponent("hs-col");
+      const _component_hs_row = resolveComponent("hs-row");
+      const _component_hs_form = resolveComponent("hs-form");
+      const _component_hs_button = resolveComponent("hs-button");
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["h-full", { "overflow-y-auto": !__props.isRecursive }])
+      }, [
+        createVNode(_component_hs_form, {
+          model: unref(formData2),
+          "label-width": "146px",
+          "label-position": "right",
+          ref_key: "formRef",
+          ref: formRef
+        }, {
+          default: withCtx(() => [
+            createVNode(_component_hs_row, {
+              gutter: 0,
+              justify: "start",
+              class: "hs-row"
+            }, {
+              default: withCtx(() => [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(unref(formConfig2), (item, index2) => {
+                  return openBlock(), createBlock(_component_hs_col, {
+                    key: index2,
+                    xs: !__props.isRecursive ? 24 : __props.xs,
+                    sm: !__props.isRecursive ? 24 : __props.sm,
+                    md: !__props.isRecursive ? 24 : __props.md,
+                    lg: !__props.isRecursive ? 24 : __props.lg,
+                    xl: !__props.isRecursive ? 24 : __props.xl,
+                    class: "mb-[20px]"
+                  }, {
+                    default: withCtx(() => [
+                      item["el"] != "title" ? (openBlock(), createBlock(_component_hs_form_item, mergeProps({
+                        key: 0,
+                        ref_for: true
+                      }, item), {
+                        label: withCtx(() => [
+                          createElementVNode("span", _hoisted_1$g, "  " + toDisplayString(item["label"]) + "  ", 1),
+                          createVNode(_component_el_tooltip, {
+                            class: "box-item",
+                            effect: "dark",
+                            content: item["tooltip"] || item["label"],
+                            placement: "top"
+                          }, {
+                            default: withCtx(() => [
+                              createElementVNode("div", null, [
+                                createVNode(_component_el_icon, null, {
+                                  default: withCtx(() => [
+                                    createVNode(_component_ele_Warning)
+                                  ]),
+                                  _: 1
+                                })
+                              ])
+                            ]),
+                            _: 2
+                          }, 1032, ["content"])
+                        ]),
+                        default: withCtx(() => [
+                          (openBlock(), createBlock(resolveDynamicComponent(item["el"]), mergeProps({
+                            modelValue: unref(formData2)[item.prop],
+                            "onUpdate:modelValue": ($event) => unref(formData2)[item.prop] = $event,
+                            clearable: item.clearable != false,
+                            placeholder: "请输入",
+                            ref_for: true
+                          }, item["attrs"] || {}), {
+                            default: withCtx(() => [
+                              item["op"] ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(item["op"] || [], (value, idx) => {
+                                return openBlock(), createBlock(resolveDynamicComponent(item["cel"]), {
+                                  key: idx,
+                                  label: value["label"],
+                                  value: value["value"]
+                                }, null, 8, ["label", "value"]);
+                              }), 128)) : createCommentVNode("", true)
+                            ]),
+                            _: 2
+                          }, 1040, ["modelValue", "onUpdate:modelValue", "clearable"]))
+                        ]),
+                        _: 2
+                      }, 1040)) : (openBlock(), createElementBlock("div", _hoisted_2, [
+                        createElementVNode("div", _hoisted_3, [
+                          createVNode(_component_hs_alert, {
+                            title: item["label"],
+                            type: "info",
+                            closable: false
+                          }, null, 8, ["title"])
+                        ]),
+                        item["children"] ? (openBlock(), createBlock(_component_base_form, {
+                          key: 0,
+                          data: unref(formData2)[item.prop],
+                          config: item["children"],
+                          isRecursive: true,
+                          xs: __props.xs,
+                          sm: __props.sm,
+                          md: __props.md,
+                          lg: __props.lg,
+                          xl: __props.xl
+                        }, null, 8, ["data", "config", "xs", "sm", "md", "lg", "xl"])) : createCommentVNode("", true)
+                      ]))
+                    ]),
+                    _: 2
+                  }, 1032, ["xs", "sm", "md", "lg", "xl"]);
+                }), 128))
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["model"]),
+        !__props.isRecursive && !__props.isVModel ? (openBlock(), createElementBlock("footer", _hoisted_4, [
+          createVNode(_component_hs_button, {
+            type: "primary",
+            onClick: submitForm
+          }, {
+            default: withCtx(() => _cache[0] || (_cache[0] = [
+              createTextVNode("保存")
+            ])),
+            _: 1
+          })
+        ])) : createCommentVNode("", true)
+      ], 2);
+    };
+  }
+});
+const baseForm = /* @__PURE__ */ _export_sfc$1(_sfc_main$h, [["__scopeId", "data-v-c2b214a7"]]);
+const _hoisted_1$f = { class: "p-[10px] h-full" };
+const __default__$g = defineComponent({
+  name: "inputAttrConfig"
+});
+const _sfc_main$g = /* @__PURE__ */ defineComponent({
+  ...__default__$g,
+  props: {
+    data: {
+      type: Object,
+      default: () => {
       }
-    ]
+    },
+    isVModel: {
+      type: Boolean,
+      default: false
+    }
   },
-  {
-    prop: "rules",
-    label: "rules",
-    tooltip: "rules",
-    type: "object",
-    el: "title",
-    children: [
-      {
-        prop: "required",
-        label: "是否必填",
-        tooltip: "是否必填",
-        type: "boolean",
-        el: "hs-switch"
-      },
-      // 必填项规则
-      {
-        prop: "rules",
-        label: "必填项规则",
-        tooltip: "必填项规则",
-        type: "array",
-        el: "hs-input",
-        attrs: {
-          type: "textarea"
-        }
-      }
-    ]
+  setup(__props) {
+    const props = __props;
+    let inputConfig = ref$1({
+      inputAttrConfig: _$4.cloneDeep(inputAttrConfig),
+      inputAttrConfigMap: _$4.cloneDeep(inputAttrConfigMap)
+    });
+    const data2 = ref$1(_$4.isEmpty(props.data) ? Object.assign(props.data, inputConfig.value.inputAttrConfigMap) : props.data);
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1$f, [
+        createVNode(baseForm, {
+          data: data2.value,
+          "onUpdate:data": _cache[0] || (_cache[0] = ($event) => data2.value = $event),
+          config: unref(inputConfig).inputAttrConfig,
+          isVModel: __props.isVModel
+        }, null, 8, ["data", "config", "isVModel"])
+      ]);
+    };
   }
-];
-const selectAttrConfigMap = {
-  // 默认配置项
-  attrs: {
-    size: "default",
-    multiple: false,
-    // 是否多选
-    disabled: false,
-    // 是否禁用
-    "value-key": "id",
-    // value 唯一标识
-    clearable: true,
-    // 是否可以清空
-    "collapse-tags": false,
-    // 值按文字展示
-    "collapse-tags-tooltip": false,
-    // 是否显示所选
-    "multiple-limit": 0,
-    // 最多可选数
-    effect: "light",
-    // tooltip 主题
-    autocomplete: "off",
-    // autocomplete
-    filterable: true,
-    // 是否可筛选
-    "allow-create": false,
-    // 允许创建条目
-    remote: false,
-    // 是否远程加载
-    "remote-show-suffix": false,
-    // 远程搜索图标
-    loading: false,
-    // 是否正在获取
-    "reserve-keyword": true,
-    // 保留关键词
-    "default-first-option": false,
-    // 是否在输入框按下回车时，选择第一个匹配项
-    teleported: true,
-    // 是否插入至body
-    persistent: true,
-    // 选择器未被激活
-    "automatic-dropdown": false,
-    // 自动弹出选项
-    "clear-icon": "",
-    // 清除图标
-    "fit-input-width": false,
-    // 下拉框宽度
-    "suffix-icon": "",
-    // 后缀图标
-    "tag-type": "info",
-    // 标签类型
-    "validate-event": true,
-    // 表单验证
-    placement: "bottom-start",
-    // 下拉框出现的位置
-    "max-collapse-tags": 1,
-    // 需要显示的 Tag 的最大数量
-    options: "string=",
-    //
-    method: "get",
-    // 请求方式
-    proxy: "",
-    // 代理
-    params: "",
-    // 请求参数
-    placeholder: "请选择"
-    // 占位符
-  },
-  groupAttrs: {
-    disabled: false,
-    // 是否禁用分组
-    isGroupEnabled: false
-    // 是否启用分组
-  },
-  optionAttrs: {
-    value: "dict_child_code",
-    label: "dict_child_name",
-    disabled: false
-    // 是否禁用该选项
+});
+const _hoisted_1$e = { class: "p-[10px] h-full overflow-y-auto" };
+const __default__$f = defineComponent({
+  name: "inputEventConfig"
+});
+const _sfc_main$f = /* @__PURE__ */ defineComponent({
+  ...__default__$f,
+  props: {
+    data: {
+      type: Object,
+      default: () => {
+      }
+    }
   },
-  rules: {
-    required: false,
-    rules: ""
+  setup(__props) {
+    const handClick = () => {
+      console.log(data2);
+      console.log(formData2);
+    };
+    const props = __props;
+    const data2 = ref$1(_$4.isEmpty(props.data) ? Object.assign(props.data, {}) : props.data);
+    const formData2 = ref$1(inputEventConfig.map(() => ({})));
+    console.log("formData", formData2);
+    return (_ctx, _cache) => {
+      const _component_hs_button = resolveComponent("hs-button");
+      return openBlock(), createElementBlock("div", _hoisted_1$e, [
+        createVNode(_component_hs_button, { onClick: handClick }, {
+          default: withCtx(() => _cache[0] || (_cache[0] = [
+            createTextVNode("父组件获取数据")
+          ])),
+          _: 1
+        }),
+        (openBlock(true), createElementBlock(Fragment, null, renderList(unref(inputEventConfig), (item, index2) => {
+          return openBlock(), createElementBlock("div", { key: index2 }, [
+            (openBlock(), createBlock(resolveDynamicComponent(item["el"]), mergeProps({
+              modelValue: formData2.value[index2][item.prop],
+              "onUpdate:modelValue": ($event) => formData2.value[index2][item.prop] = $event,
+              clearable: "",
+              placeholder: "请输入",
+              ref_for: true
+            }, item["attrs"] || {}), null, 16, ["modelValue", "onUpdate:modelValue"]))
+          ]);
+        }), 128))
+      ]);
+    };
   }
-};
+});
 const _hoisted_1$d = { class: "p-[10px] h-full" };
 const __default__$e = defineComponent({
   name: "selectAttrConfig"
@@ -219135,299 +219539,6 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const datePickerAttrConfig = [
-  {
-    prop: "attrs",
-    label: "datePickerAttrs",
-    tooltip: "datePickerAttrs",
-    type: "object",
-    el: "title",
-    children: [
-      {
-        prop: "defaultValue",
-        label: "默认值",
-        tooltip: "默认值",
-        type: "number / string / object",
-        el: "hs-input"
-      },
-      {
-        prop: "readonly",
-        label: "只读",
-        tooltip: "只读",
-        type: "boolean",
-        el: "hs-switch"
-      },
-      {
-        prop: "disabled",
-        label: "禁用",
-        tooltip: "禁用",
-        type: "boolean",
-        el: "hs-switch"
-      },
-      {
-        prop: "size",
-        label: "输入框尺寸",
-        tooltip: "输入框尺寸",
-        type: "enum",
-        el: "hs-select",
-        op: [
-          { label: "large", value: "large" },
-          { label: "default", value: "default" },
-          { label: "small", value: "small" }
-        ],
-        cel: "hs-option"
-      },
-      {
-        prop: "editable",
-        label: "文本框可输入",
-        tooltip: "文本框可输入",
-        type: "boolean",
-        el: "hs-switch"
-      },
-      {
-        prop: "clearable",
-        label: "清除按钮",
-        tooltip: "是否显示清除按钮",
-        type: "boolean",
-        el: "hs-switch"
-      },
-      {
-        prop: "placeholder",
-        label: "占位符",
-        tooltip: "非范围选择时的占位内容",
-        type: "string",
-        el: "hs-input"
-      },
-      {
-        prop: "start-placeholder",
-        label: "开始日期占位符",
-        tooltip: "范围选择时开始日期的占位内容",
-        type: "string",
-        el: "hs-input"
-      },
-      {
-        prop: "end-placeholder",
-        label: "结束日期占位符",
-        tooltip: "范围选择时结束日期的占位内容",
-        type: "string",
-        el: "hs-input"
-      },
-      {
-        prop: "type",
-        label: "显示类型",
-        tooltip: "显示类型",
-        type: "enum",
-        el: "hs-select",
-        op: [
-          { label: "year", value: "year" },
-          { label: "month", value: "month" },
-          { label: "date", value: "date" },
-          { label: "dates", value: "dates" },
-          { label: "week", value: "week" },
-          { label: "datetime", value: "datetime" },
-          { label: "datetimerange", value: "datetimerange" },
-          { label: "daterange", value: "daterange" },
-          { label: "monthrange", value: "monthrange" }
-        ],
-        cel: "hs-option"
-      },
-      {
-        prop: "format",
-        label: "输入框中的格式",
-        tooltip: "显示在输入框中的格式",
-        type: "参见 date formats",
-        el: "hs-input"
-      },
-      {
-        prop: "popper-class",
-        label: "下拉框的类名",
-        tooltip: "DatePicker 下拉框的类名",
-        type: "string",
-        el: "hs-input"
-      },
-      {
-        prop: "popper-options",
-        label: "自定义popper",
-        tooltip: "自定义 popper 选项，更多请参考 popper.js",
-        type: "object",
-        el: "hs-input"
-      },
-      {
-        prop: "range-separator",
-        label: "分隔符",
-        tooltip: "选择范围时的分隔符",
-        type: "string",
-        el: "hs-input"
-      },
-      {
-        prop: "default-time",
-        label: "default-time",
-        tooltip: "示例：functionBody=(function() {return [new Date(2000, 1, 1, 0, 0, 0),new Date(2000, 1, 1, 23, 59, 59)]})()",
-        type: "object",
-        el: "hs-input"
-      },
-      {
-        prop: "value-format",
-        label: "绑定值的格式",
-        tooltip: "可选，绑定值的格式。 不指定则绑定值为 Date 对象",
-        type: "参见 date formats",
-        el: "hs-input"
-      },
-      {
-        prop: "id",
-        label: "id",
-        tooltip: "等价于原生 input id 属性",
-        type: "string / object",
-        el: "hs-input"
-      },
-      {
-        prop: "name",
-        label: "name",
-        tooltip: "等价于原生 input name 属性",
-        type: "string / object",
-        el: "hs-input"
-      },
-      {
-        prop: "unlink-panels",
-        label: "unlink-panels",
-        tooltip: "在范围选择器里取消两个日期面板之间的联动",
-        type: "boolean",
-        el: "hs-switch"
-      },
-      {
-        prop: "prefix-icon",
-        label: "前缀图标",
-        tooltip: "自定义前缀图标 如果 type的值是TimeLikeType，那么就是 Clock，不然就是 Calendar",
-        type: "string / object",
-        el: "hs-input"
-      },
-      {
-        prop: "clear-icon",
-        label: "清除图标",
-        tooltip: "清除图标",
-        type: "string / object",
-        el: "hs-input"
-      },
-      {
-        prop: "validate-event",
-        label: "是否表单验证",
-        tooltip: "是否触发表单验证",
-        type: "boolean",
-        el: "hs-switch"
-      },
-      {
-        prop: "disabled-date",
-        label: "disabled-date",
-        tooltip: "示例：functionBody=function(time){const now = new Date();return time.getTime() < new Date(new Date().setHours(0, 0, 0, 0)).getTime()}",
-        type: "Function",
-        el: "hs-input"
-      },
-      {
-        prop: "disabled-hours",
-        label: "disabled-hours",
-        tooltip: "示例：functionBody=function(){let a = [];for (let i = 0; i < 24; i++) {if (new Date().getHours() <= i) continue;a.push(i);} return a; }",
-        type: "Function",
-        el: "hs-input"
-      },
-      {
-        prop: "disabled-minutes",
-        label: "disabled-minutes",
-        tooltip: "示例：functionBody=function(){let a = [];for (let i = 0; i < 60; i++) {if (new Date().getHours() <= i) continue;a.push(i);} return a;}",
-        type: "Function",
-        el: "hs-input"
-      },
-      {
-        prop: "disabled-seconds",
-        label: "disabled-seconds",
-        tooltip: "示例：functionBody=function(){let a = [];for (let i = 0; i < 60; i++) {if (new Date().getHours() <= i) continue;a.push(i);} return a;}",
-        type: "Function",
-        el: "hs-input"
-      },
-      {
-        prop: "shortcuts",
-        label: "设置快捷选项",
-        tooltip: "设置快捷选项，需要传入数组对象",
-        type: "object",
-        el: "hs-input"
-      },
-      {
-        prop: "cell-class-name",
-        label: "设置类名",
-        tooltip: "设置自定义类名",
-        type: "Function",
-        el: "hs-input"
-      },
-      {
-        prop: "teleported",
-        label: "是否插入至body",
-        tooltip: "是否将 date-picker 的下拉列表插入至 body 元素",
-        type: "boolean",
-        el: "hs-switch"
-      }
-    ]
-  },
-  {
-    prop: "rules",
-    label: "rules",
-    tooltip: "rules",
-    type: "object",
-    el: "title",
-    children: [
-      {
-        prop: "required",
-        label: "是否必填",
-        tooltip: "是否必填",
-        type: "boolean",
-        el: "hs-switch"
-      },
-      // 必填项规则
-      {
-        prop: "rules",
-        label: "必填项规则",
-        tooltip: "必填项规则",
-        type: "array",
-        el: "hs-input",
-        attrs: {
-          type: "textarea"
-        }
-      }
-    ]
-  }
-];
-const datePickerAttrConfigMap = {
-  // 默认配置项
-  attrs: {
-    size: "default",
-    readonly: false,
-    // 是否只读
-    disabled: false,
-    // 是否禁用
-    editable: true,
-    // 文本框可输入
-    clearable: true,
-    // 是否显示清除按钮
-    type: "date",
-    // 显示类型
-    "range-separator": "-",
-    // 选择范围时的分隔符
-    "unlink-panels": false,
-    // 在范围选择器里取消两个日期面板之间的联动
-    "clear-icon": "",
-    // 清除图标
-    "validate-event": true,
-    // 是否触发表单验证
-    teleported: true,
-    // 是否将 date-picker 的下拉列表插入至 body 元素
-    placeholder: "请选择",
-    // 占位符
-    format: "YYYY-MM-DD HH:mm:ss",
-    "value-format": "YYYY-MM-DD HH:mm:ss"
-  },
-  rules: {
-    required: false,
-    rules: ""
-  }
-};
 const _hoisted_1$c = { class: "p-[10px] h-full" };
 const __default__$d = defineComponent({
   name: "datePickerAttrConfig"