@ctzy-web-client/plugin-component-vue 1.0.33 → 1.0.34

package/es/contextmenu/use-contextmenu.mjs

@@ -1,5 +1,5 @@
 import { ref, reactive, createApp, onMounted, withDirectives, h, unref, vShow, nextTick, onBeforeUnmount } from 'vue';
-import { useWindowSize, useElementBounding } from '../node_modules/.pnpm/@vueuse_core@9.13.0_vue@3.5.29_typescript@4.9.5_/node_modules/@vueuse/core/index.mjs';
+import { useWindowSize, useElementBounding } from '../node_modules/.pnpm/@vueuse_core@9.13.0_vue@3.5.31_typescript@4.9.5_/node_modules/@vueuse/core/index.mjs';
 import { useNamespace } from '@ctzy-web-client/web-base-client-vue';
 import Contextmenu from './contextmenu.mjs';
 

package/es/data-table/data-table.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, useAttrs, ref, computed, unref, watch, provide, reactive, nextTick, onUnmounted, openBlock, createElementBlock, normalizeClass, renderSlot, createVNode, mergeProps, withCtx, createBlock, createElementVNode, createCommentVNode, Fragment, renderList, createTextVNode, toDisplayString, normalizeStyle } from 'vue';
+import { defineComponent, useAttrs, ref, computed, unref, watch, provide, reactive, nextTick, onUnmounted, openBlock, createElementBlock, normalizeClass, normalizeStyle, renderSlot, createVNode, mergeProps, withCtx, createBlock, createElementVNode, createCommentVNode, Fragment, renderList, createTextVNode, toDisplayString } from 'vue';
 import { ElMessage, ElTable, ElTableColumn, ElPagination } from 'element-plus';
 import { useService, useGlobalConfig, dataTableKey, useNamespace, useEventDispatcher } from '@ctzy-web-client/web-base-client-vue';
 import DynamicComponent from './dynamic-component.mjs';
@@ -28,6 +28,10 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
       type: Boolean,
       default: true
     },
+    height: {
+      type: [String, Number],
+      default: "auto"
+    },
     showIndex: {
       type: Boolean,
       default: false
@@ -252,12 +256,16 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(unref(ns).b()),
         ref_key: "dataTableEl",
-        ref: dataTableEl
+        ref: dataTableEl,
+        style: normalizeStyle({
+          display: __props.height === "auto" ? "flex" : "block",
+          flexDirection: __props.height === "auto" ? "column" : "unset"
+        })
       }, [
         renderSlot(_ctx.$slots, "default", { dataTable: unref(dataTable) }, () => [
           createVNode(unref(ElTable), mergeProps({
             class: "content",
-            height: "100%",
+            height: __props.height,
             ref_key: "elTable",
             ref: elTable,
             data: data.value,
@@ -318,7 +326,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                   }), {
                     header: withCtx(() => [
                       renderSlot(_ctx.$slots, `table-header-col-${item.attrName}`, {}, () => [
-                        createTextVNode(toDisplayString(item.title), 1)
+                        createTextVNode(toDisplayString(item.title + __props.height), 1)
                       ])
                     ]),
                     default: withCtx(({ row, $index }) => [
@@ -342,7 +350,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
               renderSlot(_ctx.$slots, "column-append")
             ]),
             _: 3
-          }, 16, ["data", "row-key", "onSelectionChange", "border"])
+          }, 16, ["height", "data", "row-key", "onSelectionChange", "border"])
         ]),
         __props.showPagination ? (openBlock(), createElementBlock("div", {
           key: 0,
@@ -372,7 +380,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
             height: unref(barRectangle).height + "px"
           })
         }, null, 6)) : createCommentVNode("v-if", true)
-      ], 2);
+      ], 6);
     };
   }
 });

package/es/drag-list/use-drag-list.mjs

@@ -1,4 +1,4 @@
-import { useMouse, useElementBounding } from '../node_modules/.pnpm/@vueuse_core@9.13.0_vue@3.5.29_typescript@4.9.5_/node_modules/@vueuse/core/index.mjs';
+import { useMouse, useElementBounding } from '../node_modules/.pnpm/@vueuse_core@9.13.0_vue@3.5.31_typescript@4.9.5_/node_modules/@vueuse/core/index.mjs';
 import { getCurrentInstance, ref, computed, unref } from 'vue';
 
 // Inject __name helper

package/es/node_modules/.pnpm/{@vueuse_core@9.13.0_vue@3.5.29_typescript@4.9.5_ → @vueuse_core@9.13.0_vue@3.5.31_typescript@4.9.5_}/node_modules/@vueuse/core/index.mjs

@@ -1,5 +1,5 @@
-import { noop, resolveUnref, isClient, isString, tryOnScopeDispose, isIOS, tryOnMounted, computedWithControl, promiseTimeout, isFunction, resolveRef, increaseWithUnit, useTimeoutFn, pausableWatch as watchPausable, createEventHook, timestamp, pausableFilter, ignorableWatch as watchIgnorable, debounceFilter, bypassFilter, createFilterWrapper, createSingletonPromise, toRefs, containsProp, until, hasOwn, throttleFilter, useDebounceFn, useThrottleFn, isNumber, isObject, useIntervalFn, clamp, syncRef, objectPick, tryOnUnmounted, watchWithFilter, identity, isDef } from '../../../../@vueuse_shared@9.13.0_vue@3.5.29_typescript@4.9.5_/node_modules/@vueuse/shared/index.mjs';
-export { __onlyVue27Plus, __onlyVue3, assert, autoResetRef, bypassFilter, clamp, computedEager, computedWithControl, containsProp, computedWithControl as controlledComputed, controlledRef, createEventHook, createFilterWrapper, createGlobalState, createInjectionState, createReactiveFn, createSharedComposable, createSingletonPromise, debounceFilter, debouncedRef, debouncedWatch, directiveHooks, computedEager as eagerComputed, extendRef, formatDate, get, hasOwn, identity, ignorableWatch, increaseWithUnit, invoke, isBoolean, isClient, isDef, isDefined, isFunction, isIOS, isNumber, isObject, isString, isWindow, makeDestructurable, noop, normalizeDate, now, objectPick, pausableFilter, pausableWatch, promiseTimeout, rand, createReactiveFn as reactify, reactifyObject, reactiveComputed, reactiveOmit, reactivePick, autoResetRef as refAutoReset, debouncedRef as refDebounced, refDefault, refThrottled, refWithControl, resolveRef, resolveUnref, set, syncRef, syncRefs, throttleFilter, refThrottled as throttledRef, throttledWatch, timestamp, toReactive, toRefs, tryOnBeforeMount, tryOnBeforeUnmount, tryOnMounted, tryOnScopeDispose, tryOnUnmounted, until, useArrayEvery, useArrayFilter, useArrayFind, useArrayFindIndex, useArrayFindLast, useArrayJoin, useArrayMap, useArrayReduce, useArraySome, useArrayUnique, useCounter, useDateFormat, debouncedRef as useDebounce, useDebounceFn, useInterval, useIntervalFn, useLastChanged, refThrottled as useThrottle, useThrottleFn, useTimeout, useTimeoutFn, useToNumber, useToString, useToggle, watchArray, watchAtMost, debouncedWatch as watchDebounced, ignorableWatch as watchIgnorable, watchOnce, pausableWatch as watchPausable, throttledWatch as watchThrottled, watchTriggerable, watchWithFilter, whenever } from '../../../../@vueuse_shared@9.13.0_vue@3.5.29_typescript@4.9.5_/node_modules/@vueuse/shared/index.mjs';
+import { noop, resolveUnref, isClient, isString, tryOnScopeDispose, isIOS, tryOnMounted, computedWithControl, promiseTimeout, isFunction, resolveRef, increaseWithUnit, useTimeoutFn, pausableWatch as watchPausable, createEventHook, timestamp, pausableFilter, ignorableWatch as watchIgnorable, debounceFilter, bypassFilter, createFilterWrapper, createSingletonPromise, toRefs, containsProp, until, hasOwn, throttleFilter, useDebounceFn, useThrottleFn, isNumber, isObject, useIntervalFn, clamp, syncRef, objectPick, tryOnUnmounted, watchWithFilter, identity, isDef } from '../../../../@vueuse_shared@9.13.0_vue@3.5.31_typescript@4.9.5_/node_modules/@vueuse/shared/index.mjs';
+export { __onlyVue27Plus, __onlyVue3, assert, autoResetRef, bypassFilter, clamp, computedEager, computedWithControl, containsProp, computedWithControl as controlledComputed, controlledRef, createEventHook, createFilterWrapper, createGlobalState, createInjectionState, createReactiveFn, createSharedComposable, createSingletonPromise, debounceFilter, debouncedRef, debouncedWatch, directiveHooks, computedEager as eagerComputed, extendRef, formatDate, get, hasOwn, identity, ignorableWatch, increaseWithUnit, invoke, isBoolean, isClient, isDef, isDefined, isFunction, isIOS, isNumber, isObject, isString, isWindow, makeDestructurable, noop, normalizeDate, now, objectPick, pausableFilter, pausableWatch, promiseTimeout, rand, createReactiveFn as reactify, reactifyObject, reactiveComputed, reactiveOmit, reactivePick, autoResetRef as refAutoReset, debouncedRef as refDebounced, refDefault, refThrottled, refWithControl, resolveRef, resolveUnref, set, syncRef, syncRefs, throttleFilter, refThrottled as throttledRef, throttledWatch, timestamp, toReactive, toRefs, tryOnBeforeMount, tryOnBeforeUnmount, tryOnMounted, tryOnScopeDispose, tryOnUnmounted, until, useArrayEvery, useArrayFilter, useArrayFind, useArrayFindIndex, useArrayFindLast, useArrayJoin, useArrayMap, useArrayReduce, useArraySome, useArrayUnique, useCounter, useDateFormat, debouncedRef as useDebounce, useDebounceFn, useInterval, useIntervalFn, useLastChanged, refThrottled as useThrottle, useThrottleFn, useTimeout, useTimeoutFn, useToNumber, useToString, useToggle, watchArray, watchAtMost, debouncedWatch as watchDebounced, ignorableWatch as watchIgnorable, watchOnce, pausableWatch as watchPausable, throttledWatch as watchThrottled, watchTriggerable, watchWithFilter, whenever } from '../../../../@vueuse_shared@9.13.0_vue@3.5.31_typescript@4.9.5_/node_modules/@vueuse/shared/index.mjs';
 import { isRef, ref, shallowRef, watchEffect, computed, inject, unref, watch, getCurrentInstance, customRef, onUpdated, reactive, nextTick, onMounted, markRaw, readonly, getCurrentScope, set, del, isVue2, isReadonly, onBeforeUpdate } from 'vue-demi';
 
 // Inject __name helper

package/lib/contextmenu/use-contextmenu.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
-var index = require('../node_modules/.pnpm/@vueuse_core@9.13.0_vue@3.5.29_typescript@4.9.5_/node_modules/@vueuse/core/index.js');
+var index = require('../node_modules/.pnpm/@vueuse_core@9.13.0_vue@3.5.31_typescript@4.9.5_/node_modules/@vueuse/core/index.js');
 var webBaseClientVue = require('@ctzy-web-client/web-base-client-vue');
 var contextmenu = require('./contextmenu.js');
 

package/lib/data-table/data-table.js

@@ -32,6 +32,10 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
       type: Boolean,
       default: true
     },
+    height: {
+      type: [String, Number],
+      default: "auto"
+    },
     showIndex: {
       type: Boolean,
       default: false
@@ -256,12 +260,16 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
       return vue.openBlock(), vue.createElementBlock("div", {
         class: vue.normalizeClass(vue.unref(ns).b()),
         ref_key: "dataTableEl",
-        ref: dataTableEl
+        ref: dataTableEl,
+        style: vue.normalizeStyle({
+          display: __props.height === "auto" ? "flex" : "block",
+          flexDirection: __props.height === "auto" ? "column" : "unset"
+        })
       }, [
         vue.renderSlot(_ctx.$slots, "default", { dataTable: vue.unref(dataTable) }, () => [
           vue.createVNode(vue.unref(ElementPlus.ElTable), vue.mergeProps({
             class: "content",
-            height: "100%",
+            height: __props.height,
             ref_key: "elTable",
             ref: elTable,
             data: data.value,
@@ -322,7 +330,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                   }), {
                     header: vue.withCtx(() => [
                       vue.renderSlot(_ctx.$slots, `table-header-col-${item.attrName}`, {}, () => [
-                        vue.createTextVNode(vue.toDisplayString(item.title), 1)
+                        vue.createTextVNode(vue.toDisplayString(item.title + __props.height), 1)
                       ])
                     ]),
                     default: vue.withCtx(({ row, $index }) => [
@@ -346,7 +354,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
               vue.renderSlot(_ctx.$slots, "column-append")
             ]),
             _: 3
-          }, 16, ["data", "row-key", "onSelectionChange", "border"])
+          }, 16, ["height", "data", "row-key", "onSelectionChange", "border"])
         ]),
         __props.showPagination ? (vue.openBlock(), vue.createElementBlock("div", {
           key: 0,
@@ -376,7 +384,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
             height: vue.unref(barRectangle).height + "px"
           })
         }, null, 6)) : vue.createCommentVNode("v-if", true)
-      ], 2);
+      ], 6);
     };
   }
 });

package/lib/drag-list/use-drag-list.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index = require('../node_modules/.pnpm/@vueuse_core@9.13.0_vue@3.5.29_typescript@4.9.5_/node_modules/@vueuse/core/index.js');
+var index = require('../node_modules/.pnpm/@vueuse_core@9.13.0_vue@3.5.31_typescript@4.9.5_/node_modules/@vueuse/core/index.js');
 var vue = require('vue');
 
 // Inject __name helper

package/lib/node_modules/.pnpm/{@vueuse_core@9.13.0_vue@3.5.29_typescript@4.9.5_ → @vueuse_core@9.13.0_vue@3.5.31_typescript@4.9.5_}/node_modules/@vueuse/core/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index = require('../../../../@vueuse_shared@9.13.0_vue@3.5.29_typescript@4.9.5_/node_modules/@vueuse/shared/index.js');
+var index = require('../../../../@vueuse_shared@9.13.0_vue@3.5.31_typescript@4.9.5_/node_modules/@vueuse/shared/index.js');
 var vueDemi = require('vue-demi');
 
 // Inject __name helper

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ctzy-web-client/plugin-component-vue",
-  "version": "1.0.33",
+  "version": "1.0.34",
   "main": "lib/index.js",
   "module": "es/index.mjs",
   "exports": {

package/src/data-table/data-table-column.vue

@@ -1,6 +1,6 @@
 <template>
   <ElTableColumn
-    :align="align"
+    :align="align" 
     :show-overflow-tooltip="showOverflowTooltip"
     v-bind="attrs"
   >

package/src/data-table/data-table.vue

@@ -1,9 +1,11 @@
 <template>
-  <div :class="ns.b()" ref="dataTableEl">
+  <div :class="ns.b()" ref="dataTableEl" :style="{display: height === 'auto' ? 'flex' : 'block',
+      flexDirection: height === 'auto' ? 'column' : 'unset'}">
     <slot :dataTable="dataTable">
       <ElTable
         class="content"
-        height="100%"
+        :height="height"
+    
         ref="elTable"
         :data="data"
         :row-key="dataTable.primaryKey"
@@ -47,7 +49,7 @@
           >
             <template #header>
               <slot :name="`table-header-col-${item.attrName}`">
-                {{ item.title }}
+                {{ item.title+height }}
               </slot>
             </template>
             <template #default="{ row, $index }">
@@ -145,6 +147,10 @@ const props = defineProps({
     type: Boolean,
     default: true,
   },
+  height: {
+    type: [String, Number],
+    default: "auto",
+  },
   showIndex: {
     type: Boolean,
     default: false,

package/style/data-table.css

@@ -1 +1 @@
-.bwa-datatable{--bwa-datatable-pagination-padding-top:20px;--bwa-datatable-pagination-line-height:36px;--bwa-datatable-pagination-info-margin-right:16px;--bwa-datatable-pagination-info-font-size:12px;--bwa-datatable-pagination-info-text-color:#547781;display:flex;flex-direction:column;height:100%;width:100%}.bwa-datatable__pagination{display:flex;line-height:var(--bwa-datatable-pagination-line-height)}.bwa-datatable__pagination::before{content:"";position:relative;flex:1}.bwa-datatable__pagination{padding-top:var(--bwa-datatable-pagination-padding-top)}.bwa-datatable__pagination-info{margin-right:var(--bwa-datatable-pagination-info-margin-right);font-size:var(--bwa-datatable-pagination-info-font-size);color:var(--bwa-datatable-pagination-info-text-color);white-space:nowrap}.bwa-datatable>.el-table{flex:1;height:0}.bwa-datatable__drag{text-align:center;cursor:grab}.bwa-datatable__dragbar{position:fixed;background-color:var(--bwa-color-primary);z-index:99}.bwa-column-view{text-overflow:ellipsis;overflow:hidden}
+.bwa-datatable{--bwa-datatable-pagination-padding-top:20px;--bwa-datatable-pagination-line-height:36px;--bwa-datatable-pagination-info-margin-right:16px;--bwa-datatable-pagination-info-font-size:12px;--bwa-datatable-pagination-info-text-color:#547781;height:100%;width:100%}.bwa-datatable__pagination{display:flex;line-height:var(--bwa-datatable-pagination-line-height)}.bwa-datatable__pagination::before{content:"";position:relative;flex:1}.bwa-datatable__pagination{padding-top:var(--bwa-datatable-pagination-padding-top)}.bwa-datatable__pagination-info{margin-right:var(--bwa-datatable-pagination-info-margin-right);font-size:var(--bwa-datatable-pagination-info-font-size);color:var(--bwa-datatable-pagination-info-text-color);white-space:nowrap}.bwa-datatable>.el-table{flex:1;height:0}.bwa-datatable__drag{text-align:center;cursor:grab}.bwa-datatable__dragbar{position:fixed;background-color:var(--bwa-color-primary);z-index:99}.bwa-column-view{text-overflow:ellipsis;overflow:hidden}