@wfrog/vc-ui 1.13.8 → 1.13.10

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

@@ -8,6 +8,7 @@ export interface IDialogProps {
     maxHeight?: string | number;
     fullscreenHeight?: string | number;
     fullscreen?: boolean;
+    smallFullscreen?: boolean;
     boxPadding?: boolean;
     padding?: string;
     viewMargin?: string;

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

@@ -3,7 +3,7 @@ import { ElDialog, ElButton } from 'element-plus/es';
 import 'element-plus/es/components/base/style/css';
 import 'element-plus/es/components/dialog/style/css';
 import 'element-plus/es/components/button/style/css';
-import { defineComponent, useCssModule, ref, computed, watch, createBlock, createCommentVNode, unref, openBlock, normalizeStyle, normalizeClass, isRef, createSlots, withCtx, createVNode, renderSlot, createElementVNode, createTextVNode, toDisplayString, withDirectives, vShow } from 'vue';
+import { defineComponent, useCssModule, useSlots, ref, computed, watch, createBlock, createCommentVNode, unref, openBlock, normalizeStyle, normalizeClass, isRef, createSlots, withCtx, createVNode, renderSlot, createElementVNode, createTextVNode, toDisplayString, withDirectives, vShow } from 'vue';
 import { CopyDocument, FullScreen, Close } from '@element-plus/icons-vue';
 import { C as Component$2 } from '../button/button.mjs';
 import { C as Component$1 } from '../scrollbar/scrollbar.mjs';
@@ -20,9 +20,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     showDefaultFooter: { type: Boolean, default: false },
     lazy: { type: Boolean, default: true },
     height: {},
-    maxHeight: { default: "80vh" },
+    maxHeight: { default: "calc(100vh - 98px)" },
     fullscreenHeight: {},
     fullscreen: { type: Boolean, default: false },
+    smallFullscreen: { type: Boolean },
     boxPadding: { type: Boolean, default: true },
     padding: { default: "0px" },
     viewMargin: { default: "12px" },
@@ -33,16 +34,23 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const props = __props;
     const emits = __emit;
     const $style = useCssModule();
+    const $slots = useSlots();
     const dialogVisible = useVModel(props, "modelValue", emits);
     const visible = ref(false);
     const isFullscreen = ref(false);
     const toggleFullscreen = useToggle(isFullscreen);
     const Icon = computed(() => isFullscreen.value ? CopyDocument : FullScreen);
+    const extraHeight = computed(() => {
+      if (props.showDefaultFooter || $slots["footer-action"] || $slots["footer-extra"]) {
+        return "98px";
+      }
+      return "49px";
+    });
     const myFullscreenHeight = computed(() => {
       if (props.fullscreenHeight) {
         return props.fullscreenHeight;
       }
-      return props.showDefaultFooter ? "calc(100vh - 98px)" : "calc(100vh - 49px)";
+      return `calc(100vh - ${extraHeight.value})`;
     });
     const myMaxHeight = computed(() => {
       if (isFullscreen.value || !props.maxHeight) {
@@ -50,6 +58,21 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
       return props.maxHeight;
     });
+    const myWidth = computed(() => {
+      if (props.smallFullscreen) {
+        return "calc(100vw - 100px)";
+      }
+      return props.width;
+    });
+    const myHeight = computed(() => {
+      if (props.smallFullscreen) {
+        return `calc(100vh - 100px - ${extraHeight.value})`;
+      }
+      if (typeof props.height === "string") {
+        return `calc(${props.height} - ${extraHeight.value})`;
+      }
+      return props.height;
+    });
     watch(dialogVisible, (val) => {
       if (val) {
         isFullscreen.value = props.fullscreen;
@@ -69,7 +92,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => isRef(dialogVisible) ? dialogVisible.value = $event : null),
         "append-to-body": "",
         "align-center": "",
-        width: __props.width,
+        width: unref(myWidth),
         "show-close": false,
         fullscreen: unref(isFullscreen),
         "close-on-click-modal": false,
@@ -116,7 +139,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         default: withCtx(() => [
           createVNode(Component$1, {
             "max-height": unref(myMaxHeight),
-            height: __props.height,
+            height: unref(myHeight),
             always: "",
             "view-margin": __props.viewMargin,
             "fill-height": false
@@ -129,7 +152,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         ]),
         _: 2
       }, [
-        __props.showDefaultFooter || _ctx.$slots["footer-action"] || _ctx.$slots["footer-extra"] ? {
+        __props.showDefaultFooter || unref($slots)["footer-action"] || unref($slots)["footer-extra"] ? {
           name: "footer",
           fn: withCtx(() => [
             createElementVNode("div", null, [

package/dist/es/components/explorer-form/explorer-form.mjs

@@ -133,7 +133,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               model: __props.form.fields,
               rules: __props.form.rules,
               disabled: unref(isDisabled),
-              "require-asterisk-position": "right",
               "label-position": __props.labelPosition,
               class: _ctx.$style.form
             }), {
@@ -155,15 +154,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   }
 });
 
-/* unplugin-vue-components disabled */const header = "_header_msrkk_8";
-const icon = "_icon_msrkk_25";
-const actions = "_actions_msrkk_31";
-const form = "_form_msrkk_40";
-const scrollbar = "_scrollbar_msrkk_51";
+/* unplugin-vue-components disabled */const header = "_header_ld7ou_8";
+const icon = "_icon_ld7ou_25";
+const actions = "_actions_ld7ou_31";
+const form = "_form_ld7ou_40";
+const scrollbar = "_scrollbar_ld7ou_51";
 const style0 = {
-	"explorer-form": "_explorer-form_msrkk_1",
+	"explorer-form": "_explorer-form_ld7ou_1",
 	header: header,
-	"header-container": "_header-container_msrkk_21",
+	"header-container": "_header-container_ld7ou_21",
 	icon: icon,
 	actions: actions,
 	form: form,

package/dist/es/components/explorer-form/index.css

@@ -1,48 +1,48 @@
 /* source: src/components/explorer-form/explorer-form.vue */
-._explorer-form_msrkk_1 {
+._explorer-form_ld7ou_1 {
   display: flex;
-  flex-direction: column;
   flex-grow: 1;
+  flex-direction: column;
   height: 100px;
 }
-._header_msrkk_8 {
+._header_ld7ou_8 {
   display: flex;
-  align-items: center;
+  row-gap: 8px;
+  flex-wrap: wrap;
   justify-content: space-between;
-  border-bottom: 1px solid var(--el-border-color-lighter);
-  padding-bottom: 7px;
+  align-items: center;
   box-sizing: border-box;
   margin-bottom: 8px;
+  border-bottom: 1px solid var(--el-border-color-lighter);
+  padding-bottom: 7px;
   color: var(--el-text-color-regular);
-  flex-wrap: wrap;
-  row-gap: 8px;
 }
-._header-container_msrkk_21 {
+._header-container_ld7ou_21 {
   font-size: var(--el-font-size-medium);
 }
-._icon_msrkk_25 {
+._icon_ld7ou_25 {
+  transform: translateY(1px);
   margin-right: 4px;
   font-size: var(--el-font-size-extra-large);
-  transform: translateY(1px);
 }
-._actions_msrkk_31 {
+._actions_ld7ou_31 {
   display: flex;
   align-items: center;
   gap: 8px;
 }
-._actions_msrkk_31 .el-button {
+._actions_ld7ou_31 .el-button {
   margin-left: 0 !important;
 }
-._form_msrkk_40 {
+._form_ld7ou_40 {
   display: flex;
   flex-grow: 1;
-  align-items: flex-start;
   flex-direction: column;
+  align-items: flex-start;
 }
-._form_msrkk_40 > .el-row {
-  width: 100%;
+._form_ld7ou_40 > .el-row {
   margin: 0 !important;
+  width: 100%;
 }
-._scrollbar_msrkk_51 {
+._scrollbar_ld7ou_51 {
   margin: 0 -8px;
 }

package/dist/es/components/explorer-modal-form/explorer-modal-form.mjs

@@ -130,7 +130,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           withDirectives((openBlock(), createBlock(unref(ElForm), mergeProps({
             ref_key: "formRef",
             ref: formRef,
-            "require-asterisk-position": "right",
             "label-position": __props.labelPosition,
             disabled: __props.disabled || !unref(isEditing)
           }, __props.formProps, {

package/dist/es/components/explorer-table/explorer-table.mjs

@@ -42,7 +42,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   emits: ["columnEvent", "singleSelectionChange", "multipleSelectionChange", "selectionChange", "selectAll", "loadMore"],
   setup(__props, { expose: __expose, emit: __emit }) {
     useCssVars((_ctx) => ({
-      "fcc28e7c": `${_ctx.empty ? "flex" : "none"}`
+      "v34b07a80": `${_ctx.empty ? "flex" : "none"}`
     }));
     const props = __props;
     const emits = __emit;
@@ -333,19 +333,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   }
 });
 
-/* unplugin-vue-components disabled */const table = "_table_10xul_7";
-const selection = "_selection_10xul_27";
-const radio = "_radio_10xul_32";
-const checkbox = "_checkbox_10xul_39";
-const sentinel = "_sentinel_10xul_55";
+/* unplugin-vue-components disabled */const table = "_table_o4h9r_7";
+const selection = "_selection_o4h9r_27";
+const radio = "_radio_o4h9r_32";
+const checkbox = "_checkbox_o4h9r_39";
+const sentinel = "_sentinel_o4h9r_55";
 const style0 = {
-	"explorer-table": "_explorer-table_10xul_1",
+	"explorer-table": "_explorer-table_o4h9r_1",
 	table: table,
 	selection: selection,
 	radio: radio,
 	checkbox: checkbox,
-	"selected-row": "_selected-row_10xul_43",
-	"status-text": "_status-text_10xul_47",
+	"selected-row": "_selected-row_o4h9r_43",
+	"status-text": "_status-text_o4h9r_47",
 	sentinel: sentinel
 };
 

package/dist/es/components/explorer-table/index.css

@@ -1,51 +1,51 @@
 /* source: src/components/explorer-table/explorer-table.vue */
-._explorer-table_10xul_1 {
+._explorer-table_o4h9r_1 {
   display: flex;
-  flex-direction: column;
   flex-grow: 1;
+  flex-direction: column;
 }
-div._table_10xul_7 {
+div._table_o4h9r_7 {
   flex-grow: 1;
   height: 100px;
   --el-table-header-bg-color: var(--el-color-info-light-9);
   --el-table-row-hover-bg-color: var(--vc-highlight-bg-color, var(--el-fill-color-light));
 }
-div._table_10xul_7 .el-scrollbar__view {
+div._table_o4h9r_7 .el-scrollbar__view {
   height: 100px;
   min-height: 100%;
 }
-div._table_10xul_7 .el-table__header-wrapper .el-table__cell:hover {
+div._table_o4h9r_7 .el-table__header-wrapper .el-table__cell:hover {
   border-right-color: var(--el-color-primary-light-5) !important;
 }
-div._table_10xul_7 .el-table__column-resize-proxy {
+div._table_o4h9r_7 .el-table__column-resize-proxy {
   border-color: var(--el-color-primary);
 }
-div._table_10xul_7 .el-table__empty-block {
-  display: var(--fcc28e7c);
+div._table_o4h9r_7 .el-table__empty-block {
+  display: var(--v34b07a80);
 }
-._selection_10xul_27 .cell {
-  align-items: center;
+._selection_o4h9r_27 .cell {
   display: flex;
+  align-items: center;
 }
-._radio_10xul_32 {
-  height: unset;
+._radio_o4h9r_32 {
+  height: unset !important;
 }
-._radio_10xul_32 .el-radio__label {
+._radio_o4h9r_32 .el-radio__label {
   display: none;
 }
-._checkbox_10xul_39 {
+._checkbox_o4h9r_39 {
   height: unset !important;
 }
-._selected-row_10xul_43 td.el-table__cell {
+._selected-row_o4h9r_43 td.el-table__cell {
   background-color: var(--vc-highlight-bg-color, var(--el-fill-color-light)) !important;
 }
-._status-text_10xul_47 {
-  align-items: center;
-  column-gap: 4px;
+._status-text_o4h9r_47 {
   display: flex;
+  column-gap: 4px;
   justify-content: flex-start;
+  align-items: center;
   padding: 12px;
 }
-._sentinel_10xul_55 {
+._sentinel_o4h9r_55 {
   height: 0;
 }

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

@@ -3,5 +3,5 @@
   background-color: var(--vc-highlight-bg-color, var(--el-fill-color-light));
 }
 div._select-width_jk1e7_5 {
-  width: var(--f34400f4);
+  width: var(--v4e1feee3);
 }

package/dist/es/components/select/select.mjs

@@ -14,7 +14,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     useCssVars((_ctx) => ({
-      "f34400f4": unref(myWidth)
+      "v4e1feee3": unref(myWidth)
     }));
     const props = __props;
     const myOptions = computed(() => {
@@ -25,8 +25,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     const $style = useCssModule();
     const className = computed(() => ({
-      [$style["select-width"]]: !!props.width,
-      [$style.select]: true
+      [$style["select-width"]]: !!props.width
     }));
     const myWidth = computed(() => props.width ? formatToPx(props.width) : "auto");
     return (_ctx, _cache) => {

package/dist/es/index.mjs

@@ -164,7 +164,7 @@ const __vite_glob_0_50 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.definePr
     default: _sfc_main$8
 }, Symbol.toStringTag, { value: 'Module' }));
 
-const version = "1.13.8";
+const version = "1.13.10";
 
 const modules = /* #__PURE__ */ Object.assign({"./components/awesome-icon/awesome-icon.vue": __vite_glob_0_0,"./components/backbottom/backbottom.vue": __vite_glob_0_1,"./components/button/button.vue": __vite_glob_0_2,"./components/chat-container/chat-container.vue": __vite_glob_0_3,"./components/choice-boolean/choice-boolean.vue": __vite_glob_0_4,"./components/choice/choice.vue": __vite_glob_0_5,"./components/color-switch/color-switch.vue": __vite_glob_0_6,"./components/config-provider/config-provider.vue": __vite_glob_0_7,"./components/cropper/cropper.vue": __vite_glob_0_8,"./components/currency/currency.vue": __vite_glob_0_9,"./components/dark-switch/dark-switch.vue": __vite_glob_0_10,"./components/daterange-picker/daterange-picker.vue": __vite_glob_0_11,"./components/dialog-camera-upload/dialog-camera-upload.vue": __vite_glob_0_12,"./components/dialog-map-point/dialog-map-point.vue": __vite_glob_0_13,"./components/dialog-upload-images/dialog-upload-images.vue": __vite_glob_0_14,"./components/dialog/dialog.vue": __vite_glob_0_15,"./components/drag-verify/drag-verify.vue": __vite_glob_0_16,"./components/drawer/drawer.vue": __vite_glob_0_17,"./components/easy-pagination/easy-pagination.vue": __vite_glob_0_18,"./components/el-icon/el-icon.vue": __vite_glob_0_19,"./components/explorer-column-table/explorer-column-table.vue": __vite_glob_0_20,"./components/explorer-container/explorer-container.vue": __vite_glob_0_21,"./components/explorer-filter/explorer-filter.vue": __vite_glob_0_22,"./components/explorer-footer/explorer-footer.vue": __vite_glob_0_23,"./components/explorer-form/explorer-form.vue": __vite_glob_0_24,"./components/explorer-list/explorer-list.vue": __vite_glob_0_25,"./components/explorer-modal-form/explorer-modal-form.vue": __vite_glob_0_26,"./components/explorer-panel/explorer-panel.vue": __vite_glob_0_27,"./components/explorer-query/explorer-query.vue": __vite_glob_0_28,"./components/explorer-table/explorer-table.vue": __vite_glob_0_29,"./components/explorer-tools/explorer-tools.vue": __vite_glob_0_30,"./components/explorer-tree/explorer-tree.vue": __vite_glob_0_31,"./components/explorer/explorer.vue": __vite_glob_0_32,"./components/flag/flag.vue": __vite_glob_0_33,"./components/form-item/form-item.vue": __vite_glob_0_34,"./components/gen-input/gen-input.vue": __vite_glob_0_35,"./components/icon-picker/icon-picker.vue": __vite_glob_0_36,"./components/icon/icon.vue": __vite_glob_0_37,"./components/iconify-icon/iconify-icon.vue": __vite_glob_0_38,"./components/image/image.vue": __vite_glob_0_39,"./components/info-tooltip/info-tooltip.vue": __vite_glob_0_40,"./components/input-number/input-number.vue": __vite_glob_0_41,"./components/input/input.vue": __vite_glob_0_42,"./components/pca-picker/pca-picker.vue": __vite_glob_0_43,"./components/qr-code/qr-code.vue": __vite_glob_0_44,"./components/screenfull/screenfull.vue": __vite_glob_0_45,"./components/scrollbar/scrollbar.vue": __vite_glob_0_46,"./components/select/select.vue": __vite_glob_0_47,"./components/single-player/single-player.vue": __vite_glob_0_48,"./components/splitter-panel/splitter-panel.vue": __vite_glob_0_49,"./components/splitter/splitter.vue": __vite_glob_0_50,"./components/svg-icon/svg-icon.vue": __vite_glob_0_51,"./components/switch/switch.vue": __vite_glob_0_52,"./components/sync-scroll-container/sync-scroll-container.vue": __vite_glob_0_53,"./components/tags/tags.vue": __vite_glob_0_54,"./components/text-ellipsis/text-ellipsis.vue": __vite_glob_0_55,"./components/thousand-input/thousand-input.vue": __vite_glob_0_56,"./components/tinymce/tinymce.vue": __vite_glob_0_57,"./components/transfer-panel/transfer-panel.vue": __vite_glob_0_58,"./components/transfer/transfer.vue": __vite_glob_0_59,"./components/tree-picker/tree-picker.vue": __vite_glob_0_60,"./components/tree-select/tree-select.vue": __vite_glob_0_61,"./components/upload-file/upload-file.vue": __vite_glob_0_62});
 const upper = (_, letter) => letter.toUpperCase();

package/dist/index.css

@@ -621,51 +621,51 @@ div._table_1vtct_1 {
   padding-top: var(--v42199fad);
 }
 /* source: src/components/explorer-form/explorer-form.vue */
-._explorer-form_msrkk_1 {
+._explorer-form_ld7ou_1 {
   display: flex;
-  flex-direction: column;
   flex-grow: 1;
+  flex-direction: column;
   height: 100px;
 }
-._header_msrkk_8 {
+._header_ld7ou_8 {
   display: flex;
-  align-items: center;
+  row-gap: 8px;
+  flex-wrap: wrap;
   justify-content: space-between;
-  border-bottom: 1px solid var(--el-border-color-lighter);
-  padding-bottom: 7px;
+  align-items: center;
   box-sizing: border-box;
   margin-bottom: 8px;
+  border-bottom: 1px solid var(--el-border-color-lighter);
+  padding-bottom: 7px;
   color: var(--el-text-color-regular);
-  flex-wrap: wrap;
-  row-gap: 8px;
 }
-._header-container_msrkk_21 {
+._header-container_ld7ou_21 {
   font-size: var(--el-font-size-medium);
 }
-._icon_msrkk_25 {
+._icon_ld7ou_25 {
+  transform: translateY(1px);
   margin-right: 4px;
   font-size: var(--el-font-size-extra-large);
-  transform: translateY(1px);
 }
-._actions_msrkk_31 {
+._actions_ld7ou_31 {
   display: flex;
   align-items: center;
   gap: 8px;
 }
-._actions_msrkk_31 .el-button {
+._actions_ld7ou_31 .el-button {
   margin-left: 0 !important;
 }
-._form_msrkk_40 {
+._form_ld7ou_40 {
   display: flex;
   flex-grow: 1;
-  align-items: flex-start;
   flex-direction: column;
+  align-items: flex-start;
 }
-._form_msrkk_40 > .el-row {
-  width: 100%;
+._form_ld7ou_40 > .el-row {
   margin: 0 !important;
+  width: 100%;
 }
-._scrollbar_msrkk_51 {
+._scrollbar_ld7ou_51 {
   margin: 0 -8px;
 }
 /* source: src/components/explorer-list/explorer-list.vue */
@@ -800,54 +800,54 @@ div._table_1vtct_1 {
   margin-left: 0;
 }
 /* source: src/components/explorer-table/explorer-table.vue */
-._explorer-table_10xul_1 {
+._explorer-table_o4h9r_1 {
   display: flex;
-  flex-direction: column;
   flex-grow: 1;
+  flex-direction: column;
 }
-div._table_10xul_7 {
+div._table_o4h9r_7 {
   flex-grow: 1;
   height: 100px;
   --el-table-header-bg-color: var(--el-color-info-light-9);
   --el-table-row-hover-bg-color: var(--vc-highlight-bg-color, var(--el-fill-color-light));
 }
-div._table_10xul_7 .el-scrollbar__view {
+div._table_o4h9r_7 .el-scrollbar__view {
   height: 100px;
   min-height: 100%;
 }
-div._table_10xul_7 .el-table__header-wrapper .el-table__cell:hover {
+div._table_o4h9r_7 .el-table__header-wrapper .el-table__cell:hover {
   border-right-color: var(--el-color-primary-light-5) !important;
 }
-div._table_10xul_7 .el-table__column-resize-proxy {
+div._table_o4h9r_7 .el-table__column-resize-proxy {
   border-color: var(--el-color-primary);
 }
-div._table_10xul_7 .el-table__empty-block {
-  display: var(--fcc28e7c);
+div._table_o4h9r_7 .el-table__empty-block {
+  display: var(--v34b07a80);
 }
-._selection_10xul_27 .cell {
-  align-items: center;
+._selection_o4h9r_27 .cell {
   display: flex;
+  align-items: center;
 }
-._radio_10xul_32 {
-  height: unset;
+._radio_o4h9r_32 {
+  height: unset !important;
 }
-._radio_10xul_32 .el-radio__label {
+._radio_o4h9r_32 .el-radio__label {
   display: none;
 }
-._checkbox_10xul_39 {
+._checkbox_o4h9r_39 {
   height: unset !important;
 }
-._selected-row_10xul_43 td.el-table__cell {
+._selected-row_o4h9r_43 td.el-table__cell {
   background-color: var(--vc-highlight-bg-color, var(--el-fill-color-light)) !important;
 }
-._status-text_10xul_47 {
-  align-items: center;
-  column-gap: 4px;
+._status-text_o4h9r_47 {
   display: flex;
+  column-gap: 4px;
   justify-content: flex-start;
+  align-items: center;
   padding: 12px;
 }
-._sentinel_10xul_55 {
+._sentinel_o4h9r_55 {
   height: 0;
 }
 /* source: src/components/explorer-tools/components/column-setter.vue,src/components/explorer-tools/explorer-tools.vue */
@@ -1431,7 +1431,7 @@ div._input-width_wnpjs_1 {
   background-color: var(--vc-highlight-bg-color, var(--el-fill-color-light));
 }
 div._select-width_jk1e7_5 {
-  width: var(--f34400f4);
+  width: var(--v4e1feee3);
 }
 /* source: src/components/single-player/single-player.vue */
 ._main_15lus_1 {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wfrog/vc-ui",
-  "version": "1.13.8",
+  "version": "1.13.10",
   "packageManager": "pnpm@10.20.0",
   "description": "vue3 组件库 vc-ui",
   "author": "wellfrog",