@wfrog/vc-ui 1.13.5 → 1.13.7

package/dist/es/components/dialog/dialog.mjs

@@ -129,19 +129,24 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         ]),
         _: 2
       }, [
-        __props.showDefaultFooter || _ctx.$slots.footer ? {
+        __props.showDefaultFooter || _ctx.$slots["footer-action"] || _ctx.$slots["footer-extra"] ? {
           name: "footer",
           fn: withCtx(() => [
-            renderSlot(_ctx.$slots, "footer", {}, () => [
-              __props.showDefaultFooter ? (openBlock(), createBlock(Component$2, {
-                key: 0,
-                onClick: _cache[1] || (_cache[1] = ($event) => dialogVisible.value = false)
-              }, {
-                default: withCtx(() => [..._cache[3] || (_cache[3] = [
-                  createTextVNode("关闭", -1)
-                ])]),
-                _: 1
-              })) : createCommentVNode("", true)
+            createElementVNode("div", null, [
+              renderSlot(_ctx.$slots, "footer-extra")
+            ]),
+            createElementVNode("div", null, [
+              renderSlot(_ctx.$slots, "footer-action", {}, () => [
+                __props.showDefaultFooter ? (openBlock(), createBlock(Component$2, {
+                  key: 0,
+                  onClick: _cache[1] || (_cache[1] = ($event) => dialogVisible.value = false)
+                }, {
+                  default: withCtx(() => [..._cache[3] || (_cache[3] = [
+                    createTextVNode("关闭", -1)
+                  ])]),
+                  _: 1
+                })) : createCommentVNode("", true)
+              ])
             ])
           ]),
           key: "0"
@@ -151,17 +156,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   }
 });
 
-/* unplugin-vue-components disabled */const main = "_main_k37nc_1";
-const header = "_header_k37nc_48";
-const title = "_title_k37nc_77";
-const buttons = "_buttons_k37nc_82";
+/* unplugin-vue-components disabled */const main = "_main_16nf4_1";
+const header = "_header_16nf4_50";
+const title = "_title_16nf4_79";
+const buttons = "_buttons_16nf4_84";
 const style0 = {
 	main: main,
 	header: header,
-	"box-padding": "_box-padding_k37nc_57",
+	"box-padding": "_box-padding_16nf4_59",
 	title: title,
 	buttons: buttons,
-	"icon-button": "_icon-button_k37nc_86"
+	"icon-button": "_icon-button_16nf4_88"
 };
 
 const cssModules = {

package/dist/es/components/dialog/dialog.vue.d.ts

@@ -7,7 +7,8 @@ declare function __VLS_template(): {
         }): any;
         'header-action'?(_: {}): any;
         default?(_: {}): any;
-        footer?(_: {}): any;
+        'footer-extra'?(_: {}): any;
+        'footer-action'?(_: {}): any;
     };
     refs: {};
     rootEl: any;

package/dist/es/components/dialog/index.css

@@ -1,88 +1,90 @@
 /* source: src/components/dialog/dialog.vue */
-div._main_k37nc_1 {
+div._main_16nf4_1 {
   --el-dialog-padding-primary: 0;
   display: flex;
   flex-direction: column;
 }
-div._main_k37nc_1 .el-dialog__header {
-  padding: 8px 16px;
+div._main_16nf4_1 .el-dialog__header {
   margin-right: 0;
   border-bottom: 1px solid var(--el-border-color-light);
+  padding: 8px 16px;
 }
-div._main_k37nc_1 .el-dialog__body {
-  flex-grow: 1;
-  padding: var(--vc-dialog-padding);
+div._main_16nf4_1 .el-dialog__body {
   display: flex;
+  flex-grow: 1;
   flex-direction: column;
+  padding: var(--vc-dialog-padding);
 }
-div._main_k37nc_1 .el-dialog__footer {
-  padding: 8px 16px;
+div._main_16nf4_1 .el-dialog__footer {
+  display: flex;
+  justify-content: space-between;
   border-top: 1px solid var(--el-border-color-light);
+  padding: 8px 16px;
 }
-div._main_k37nc_1 > .el-dialog__body > .el-scrollbar {
+div._main_16nf4_1 > .el-dialog__body > .el-scrollbar {
   position: relative;
 }
-div._main_k37nc_1 > .el-dialog__body > .el-scrollbar::before {
-  content: "";
+div._main_16nf4_1 > .el-dialog__body > .el-scrollbar::before {
+  display: var(--vc-dialog-boxPadding);
   position: absolute;
   top: 0;
   left: 0;
+  z-index: 3;
+  background: var(--el-bg-color);
   width: calc(100% - 8px);
   height: 100%;
-  background: var(--el-bg-color);
   height: 12px;
-  z-index: 3;
-  display: var(--vc-dialog-boxPadding);
-}
-div._main_k37nc_1 > .el-dialog__body > .el-scrollbar::after {
   content: "";
+}
+div._main_16nf4_1 > .el-dialog__body > .el-scrollbar::after {
+  display: var(--vc-dialog-boxPadding);
   position: absolute;
   bottom: 0;
   left: 0;
+  z-index: 3;
+  background: var(--el-bg-color);
   width: calc(100% - 8px);
   height: 100%;
-  background: var(--el-bg-color);
   height: 12px;
-  z-index: 3;
-  display: var(--vc-dialog-boxPadding);
+  content: "";
 }
-div._main_k37nc_1 ._header_k37nc_48 h4 {
-  font-size: 1.2em;
-  font-weight: 600;
+div._main_16nf4_1 ._header_16nf4_50 {
   line-height: 1;
 }
-div._main_k37nc_1 ._header_k37nc_48 {
+div._main_16nf4_1 ._header_16nf4_50 h4 {
+  font-weight: 600;
+  font-size: 1.2em;
   line-height: 1;
 }
-._box-padding_k37nc_57 > .el-dialog__body > .el-scrollbar {
+._box-padding_16nf4_59 > .el-dialog__body > .el-scrollbar {
   position: relative;
 }
-._box-padding_k37nc_57 > .el-dialog__body > .el-scrollbar::before {
+._box-padding_16nf4_59 > .el-dialog__body > .el-scrollbar::before {
   display: block;
 }
-._box-padding_k37nc_57 > .el-dialog__body > .el-scrollbar::after {
+._box-padding_16nf4_59 > .el-dialog__body > .el-scrollbar::after {
   display: block;
 }
-._header_k37nc_48 {
+._header_16nf4_50 {
   display: flex;
   flex-direction: row;
   justify-content: space-between;
 }
-._header_k37nc_48 h4 {
-  padding: 0;
+._header_16nf4_50 h4 {
   margin: 0 !important;
+  padding: 0;
 }
-._title_k37nc_77 {
+._title_16nf4_79 {
   display: flex;
   align-items: center;
 }
-._buttons_k37nc_82 {
+._buttons_16nf4_84 {
   display: flex;
   column-gap: 8px;
 }
-._buttons_k37nc_82 button._icon-button_k37nc_86 {
+._buttons_16nf4_84 button._icon-button_16nf4_88 {
+  margin-left: 0;
+  border: 0;
   padding: 8px;
   font-size: 1.2em;
-  border: 0;
-  margin-left: 0;
 }

package/dist/es/components/dialog-camera-upload/dialog-camera-upload.mjs

@@ -201,7 +201,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         "destroy-on-close": "",
         "show-fullscreen": false
       }, {
-        footer: withCtx(() => [
+        "footer-action": withCtx(() => [
           createElementVNode("div", {
             class: normalizeClass(_ctx.$style.footer)
           }, [
@@ -379,16 +379,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   }
 });
 
-/* unplugin-vue-components disabled */const window$1 = "_window_2ntq2_1";
-const alert = "_alert_2ntq2_13";
-const placeholder = "_placeholder_2ntq2_23";
-const footer = "_footer_2ntq2_63";
-const select = "_select_2ntq2_68";
+/* unplugin-vue-components disabled */const window$1 = "_window_hi53b_1";
+const alert = "_alert_hi53b_13";
+const placeholder = "_placeholder_hi53b_23";
+const footer = "_footer_hi53b_63";
+const select = "_select_hi53b_68";
 const style0 = {
 	window: window$1,
 	alert: alert,
 	placeholder: placeholder,
-	"placeholder-opacity": "_placeholder-opacity_2ntq2_59",
+	"placeholder-opacity": "_placeholder-opacity_hi53b_59",
 	footer: footer,
 	select: select
 };

package/dist/es/components/dialog-camera-upload/index.css

@@ -1,66 +1,66 @@
 /* source: src/components/dialog-camera-upload/dialog-camera-upload.vue */
-._window_2ntq2_1 {
+._window_hi53b_1 {
   position: relative;
   box-shadow: 0 0 1px;
 }
-._window_2ntq2_1 > div {
+._window_hi53b_1 > div {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
 }
-div._alert_2ntq2_13 {
+div._alert_hi53b_13 {
   position: absolute;
   top: 50%;
   left: 50%;
+  transform: translate(-50%, -50%);
   z-index: 3;
   width: 200px;
   height: initial;
-  transform: translate(-50%, -50%);
 }
-._placeholder_2ntq2_23 {
-  z-index: 10;
+._placeholder_hi53b_23 {
   display: flex;
-  background-color: rgba(0, 0, 0, 0.2);
   opacity: 0;
+  z-index: 10;
   transition: 0.3s all linear;
+  background-color: rgba(0, 0, 0, 0.2);
 }
-._placeholder_2ntq2_23:hover {
+._placeholder_hi53b_23:hover {
   opacity: 1;
 }
-._placeholder_2ntq2_23 > div {
-  position: relative;
+._placeholder_hi53b_23 > div {
   display: flex;
+  position: relative;
   flex: 1 0 50%;
-  align-items: center;
   justify-content: center;
-  color: rgba(0, 0, 0, 0.2);
-  cursor: pointer;
+  align-items: center;
   transition: 0.3s all linear;
+  cursor: pointer;
+  color: rgba(0, 0, 0, 0.2);
 }
-._placeholder_2ntq2_23 > div i {
-  font-size: 72px;
-  color: rgba(255, 255, 255, 0.9);
+._placeholder_hi53b_23 > div i {
   transition: 0.3s all linear;
+  color: rgba(255, 255, 255, 0.9);
+  font-size: 72px;
 }
-._placeholder_2ntq2_23 > div:hover {
+._placeholder_hi53b_23 > div:hover {
   background-color: rgba(0, 0, 0, 0.4);
 }
-._placeholder_2ntq2_23 > div:hover i {
+._placeholder_hi53b_23 > div:hover i {
   transform: scale(1.2);
 }
-._placeholder_2ntq2_23 .el-upload {
+._placeholder_hi53b_23 .el-upload {
   width: 100%;
   height: 100%;
 }
-._placeholder-opacity_2ntq2_59 {
+._placeholder-opacity_hi53b_59 {
   opacity: 1;
 }
-._footer_2ntq2_63 {
+._footer_hi53b_63 {
   display: flex;
   justify-content: space-between;
 }
-._select_2ntq2_68 {
+._select_hi53b_68 {
   flex: 0 0 50%;
 }

package/dist/es/components/dialog-map-point/dialog-map-point.mjs

@@ -111,7 +111,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         "show-close": false,
         "show-fullscreen": false
       }, {
-        footer: withCtx(() => [
+        "footer-action": withCtx(() => [
           createVNode(_component_ElButton, { onClick: handleClose }, {
             default: withCtx(() => [..._cache[2] || (_cache[2] = [
               createTextVNode("取 消", -1)
@@ -161,7 +161,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   }
 });
 
-/* unplugin-vue-components disabled */const search = "_search_56edn_1";
+/* unplugin-vue-components disabled */const search = "_search_j1zm3_1";
 const style0 = {
 	search: search
 };

package/dist/es/components/dialog-map-point/index.css

@@ -1,11 +1,11 @@
 /* source: src/components/dialog-map-point/dialog-map-point.vue */
-._search_56edn_1 {
+._search_j1zm3_1 {
   position: absolute;
   top: 10px;
   left: 50%;
+  transform: translateX(-50%);
   z-index: 5;
-  width: 300px;
   padding: 4px;
+  width: 300px;
   text-align: center;
-  transform: translateX(-50%);
 }

package/dist/es/components/dialog-upload-images/dialog-upload-images.mjs

@@ -116,7 +116,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         "show-close": false,
         "destroy-on-close": __props.destroyOnClose
       }, {
-        footer: withCtx(() => [
+        "footer-action": withCtx(() => [
           createVNode(_component_ElButton, {
             type: "primary",
             loading: unref(loading),
@@ -189,10 +189,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   }
 });
 
-/* unplugin-vue-components disabled */const dialog = "_dialog_7fy6g_1";
-const upload = "_upload_7fy6g_9";
-const opration = "_opration_7fy6g_35";
-const draggable = "_draggable_7fy6g_48";
+/* unplugin-vue-components disabled */const dialog = "_dialog_1pngc_1";
+const upload = "_upload_1pngc_9";
+const opration = "_opration_1pngc_35";
+const draggable = "_draggable_1pngc_48";
 const style0 = {
 	dialog: dialog,
 	upload: upload,

package/dist/es/components/dialog-upload-images/index.css

@@ -1,59 +1,59 @@
 /* source: src/components/dialog-upload-images/dialog-upload-images.vue */
-._dialog_7fy6g_1 .el-dialog__body {
+._dialog_1pngc_1 .el-dialog__body {
   max-height: 470px;
   overflow-y: auto;
 }
-._dialog_7fy6g_1.is-fullscreen .el-dialog__body {
+._dialog_1pngc_1.is-fullscreen .el-dialog__body {
   max-height: initial;
 }
-._upload_7fy6g_9 {
+._upload_1pngc_9 {
   display: inline-flex;
   line-height: 0;
 }
-._upload_7fy6g_9 .el-upload {
-  position: relative;
-  box-sizing: border-box;
+._upload_1pngc_9 .el-upload {
   display: flex;
-  align-items: center;
+  position: relative;
   justify-content: center;
-  width: 200px;
-  height: 150px;
-  overflow: hidden;
+  align-items: center;
+  transition: var(--el-transition-duration-fast);
   cursor: pointer;
+  box-sizing: border-box;
   border: 1px dashed var(--el-border-color);
   border-radius: 6px;
-  transition: var(--el-transition-duration-fast);
+  width: 200px;
+  height: 150px;
+  overflow: hidden;
 }
-._upload_7fy6g_9 .el-upload:hover {
+._upload_1pngc_9 .el-upload:hover {
   border-color: var(--el-color-primary);
 }
-._upload_7fy6g_9 .el-upload .el-icon {
+._upload_1pngc_9 .el-upload .el-icon {
   margin-top: 0;
   font-size: 32px;
 }
-._opration_7fy6g_35 {
+._opration_1pngc_35 {
   display: flex;
-  align-items: center;
   justify-content: center;
+  align-items: center;
   font-size: 32px !important;
 }
-._opration_7fy6g_35 i {
+._opration_1pngc_35 i {
   cursor: pointer;
 }
-._opration_7fy6g_35 > i + i {
+._opration_1pngc_35 > i + i {
   margin-left: 15px;
 }
-div._draggable_7fy6g_48 {
+div._draggable_1pngc_48 {
   display: flex;
-  flex-wrap: wrap;
-  row-gap: 5px;
   column-gap: 5px;
+  row-gap: 5px;
+  flex-wrap: wrap;
 }
-div._draggable_7fy6g_48 .el-upload-list__item {
+div._draggable_1pngc_48 .el-upload-list__item {
+  margin: 0;
   width: 200px;
   height: 150px;
-  margin: 0;
 }
-div._draggable_7fy6g_48 .el-upload-list__item-thumbnail {
+div._draggable_1pngc_48 .el-upload-list__item-thumbnail {
   object-fit: contain;
 }

package/dist/es/components/drawer/drawer.mjs

@@ -26,7 +26,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   emits: ["update:modelValue", "closed"],
   setup(__props, { emit: __emit }) {
     useCssVars((_ctx) => ({
-      "v434d6e36": _ctx.boxPadding ? "block" : "none"
+      "v48d3d3d7": _ctx.boxPadding ? "block" : "none"
     }));
     const props = __props;
     const emits = __emit;
@@ -108,19 +108,25 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             ]),
             _: 3
           }),
-          __props.showDefaultFooter || _ctx.$slots.footer ? (openBlock(), createElementBlock("div", {
+          __props.showDefaultFooter || _ctx.$slots["footer-action"] || _ctx.$slots["footer-extra"] ? (openBlock(), createElementBlock("div", {
             key: 0,
             class: normalizeClass(_ctx.$style.footer)
           }, [
-            renderSlot(_ctx.$slots, "footer", {}, () => [
-              createVNode(Component$1, {
-                onClick: _cache[1] || (_cache[1] = ($event) => drawerVisible.value = false)
-              }, {
-                default: withCtx(() => [..._cache[3] || (_cache[3] = [
-                  createTextVNode("关闭", -1)
-                ])]),
-                _: 1
-              })
+            createElementVNode("div", null, [
+              renderSlot(_ctx.$slots, "footer-extra")
+            ]),
+            createElementVNode("div", null, [
+              renderSlot(_ctx.$slots, "footer-action", {}, () => [
+                __props.showDefaultFooter ? (openBlock(), createBlock(Component$1, {
+                  key: 0,
+                  onClick: _cache[1] || (_cache[1] = ($event) => drawerVisible.value = false)
+                }, {
+                  default: withCtx(() => [..._cache[3] || (_cache[3] = [
+                    createTextVNode("关闭", -1)
+                  ])]),
+                  _: 1
+                })) : createCommentVNode("", true)
+              ])
             ])
           ], 2)) : createCommentVNode("", true)
         ]),
@@ -130,18 +136,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   }
 });
 
-/* unplugin-vue-components disabled */const main = "_main_2r9ln_1";
-const header = "_header_2r9ln_46";
-const title = "_title_2r9ln_56";
-const buttons = "_buttons_2r9ln_61";
-const footer = "_footer_2r9ln_76";
+/* unplugin-vue-components disabled */const main = "_main_7ljaa_1";
+const header = "_header_7ljaa_46";
+const title = "_title_7ljaa_56";
+const buttons = "_buttons_7ljaa_61";
+const footer = "_footer_7ljaa_76";
 const style0 = {
 	main: main,
 	header: header,
 	title: title,
 	buttons: buttons,
-	"icon-button": "_icon-button_2r9ln_65",
-	"body-container": "_body-container_2r9ln_72",
+	"icon-button": "_icon-button_7ljaa_65",
+	"body-container": "_body-container_7ljaa_72",
 	footer: footer
 };
 

package/dist/es/components/drawer/drawer.vue.d.ts

@@ -7,7 +7,8 @@ declare function __VLS_template(): {
         }): any;
         'header-action'?(_: {}): any;
         default?(_: {}): any;
-        footer?(_: {}): any;
+        'footer-extra'?(_: {}): any;
+        'footer-action'?(_: {}): any;
     };
     refs: {};
     rootEl: any;

package/dist/es/components/drawer/index.css

@@ -1,78 +1,78 @@
 /* source: src/components/drawer/drawer.vue */
-._main_2r9ln_1 {
+._main_7ljaa_1 {
   height: 100%;
 }
-._main_2r9ln_1 .el-drawer__header {
-  box-sizing: border-box;
+._main_7ljaa_1 .el-drawer__header {
   flex: 0 0 auto;
-  padding: 8px 16px;
+  box-sizing: border-box;
   margin-bottom: 0;
   border-bottom: 1px solid var(--el-border-color-light);
+  padding: 8px 16px;
   font-size: var(--el-font-size-large);
 }
-._main_2r9ln_1 .el-drawer__body {
+._main_7ljaa_1 .el-drawer__body {
   display: flex;
   flex-direction: column;
   padding: 0;
   overflow: hidden;
 }
-._main_2r9ln_1 > .el-drawer__body > .el-scrollbar {
+._main_7ljaa_1 > .el-drawer__body > .el-scrollbar {
   position: relative;
 }
-._main_2r9ln_1 > .el-drawer__body > .el-scrollbar::before {
-  content: "";
+._main_7ljaa_1 > .el-drawer__body > .el-scrollbar::before {
+  display: var(--v48d3d3d7);
   position: absolute;
   top: 0;
   left: 0;
+  z-index: 3;
+  background: var(--el-bg-color);
   width: calc(100% - 8px);
   height: 100%;
-  background: var(--el-bg-color);
   height: 16px;
-  z-index: 3;
-  display: var(--v434d6e36);
-}
-._main_2r9ln_1 > .el-drawer__body > .el-scrollbar::after {
   content: "";
+}
+._main_7ljaa_1 > .el-drawer__body > .el-scrollbar::after {
+  display: var(--v48d3d3d7);
   position: absolute;
   bottom: 0;
   left: 0;
+  z-index: 3;
+  background: var(--el-bg-color);
   width: calc(100% - 8px);
   height: 100%;
-  background: var(--el-bg-color);
   height: 16px;
-  z-index: 3;
-  display: var(--v434d6e36);
+  content: "";
 }
-._header_2r9ln_46 {
+._header_7ljaa_46 {
   display: flex;
   flex-direction: row;
   justify-content: space-between;
 }
-._header_2r9ln_46 h4 {
-  padding: 0;
+._header_7ljaa_46 h4 {
   margin: 0 !important;
+  padding: 0;
 }
-._title_2r9ln_56 {
+._title_7ljaa_56 {
   display: flex;
   align-items: center;
 }
-._buttons_2r9ln_61 {
+._buttons_7ljaa_61 {
   display: flex;
   column-gap: 8px;
 }
-._buttons_2r9ln_61 button._icon-button_2r9ln_65 {
+._buttons_7ljaa_61 button._icon-button_7ljaa_65 {
+  margin-left: 0;
+  border: 0;
   padding: 8px;
   font-size: 1.2em;
-  border: 0;
-  margin-left: 0;
 }
-._body-container_2r9ln_72 {
+._body-container_7ljaa_72 {
   padding: 16px;
 }
-._footer_2r9ln_76 {
+._footer_7ljaa_76 {
   display: flex;
   flex: 0 0 auto;
-  padding: 8px 16px;
+  justify-content: space-between;
   border-top: 1px solid var(--el-border-color-light);
-  justify-content: flex-end;
+  padding: 8px 16px;
 }