@koi-design/uxd-ui 14.0.0 → 14.0.2

package/uxd-ui.esm.mjs

@@ -1,4 +1,4 @@
-/*! @koi-design/uxd-ui@4.0.0 */
+/*! @koi-design/uxd-ui@4.0.2 */
 
 import { defineComponent, reactive, watch, provide, inject, computed, onMounted, ref, onBeforeUnmount, openBlock, createElementBlock, createElementVNode, normalizeClass, normalizeStyle, renderSlot, withDirectives, vShow, createBlock, resolveDynamicComponent, createCommentVNode, toRaw, resolveComponent, Transition, withCtx, createVNode, toDisplayString, isVNode, Comment as Comment$1, Fragment, Text as Text$1, h, shallowRef, toRef, nextTick, onUpdated, onUnmounted, cloneVNode, Teleport, toRefs, withModifiers, mergeProps, renderList, onBeforeUpdate, createTextVNode, createStaticVNode, watchEffect, onActivated, onDeactivated, normalizeProps, guardReactiveProps, withKeys, TransitionGroup, createApp, onBeforeMount, unref } from 'vue';
 import { X, CircleCheck, CircleX, CircleAlert, Info, LoaderCircle, Search, Eye, EyeOff, Check, CornerDownLeft, ChevronUp, ChevronDown, ChevronRight, MenuIcon, Minus, ChevronLeft, CheckCircle, ChevronsLeft, ChevronsRight, Calendar as Calendar$1, ZoomIn, ZoomOut, RotateCcw, RotateCw, PanelLeft, Image as Image$2, XCircle, Star as Star$1, CheckIcon, XIcon, FilterIcon, GripVertical, Plus, Clock, FileIcon, HelpCircle, CircleHelp, AlertCircle, SearchIcon } from 'lucide-vue-next';
@@ -6590,6 +6590,9 @@ const inputProps = {
   },
   direction: {
     type: String
+  },
+  inputSize: {
+    type: Number
   }
 };
 const inputEmits = {
@@ -6919,6 +6922,7 @@ var Input = defineComponent({
       "ref": "inputRef",
       "class": [`${this.prefixCls}`],
       "type": this.nativeType,
+      "size": this.inputSize,
       "readonly": this.readonly,
       "placeholder": this.placeholder,
       "autofocus": this.autofocus,
@@ -12489,7 +12493,6 @@ var DropdownMenu = defineComponent({
         });
       }
       return createVNode(UMenu.Item, {
-        "prefixCls": prefixCls,
         "name": m.value,
         "color": m.color,
         "disabled": m.disabled,
@@ -28865,6 +28868,10 @@ var Options = defineComponent({
     dropdownWidth: {
       type: Number,
       default: 128
+    },
+    totalPage: {
+      type: Number,
+      required: true
     }
   },
   emits: {
@@ -28938,7 +28945,8 @@ var Options = defineComponent({
             "modelValue": stateValue.value,
             "onUpdate:modelValue": ($event) => stateValue.value = $event,
             "onKeyup": handleJumpTo,
-            "onBlur": handleBlur
+            "onBlur": handleBlur,
+            "inputSize": props.totalPage.toString().length
           }, null), createVNode("span", null, [props.locale.page])]);
         }
         return null;
@@ -29247,6 +29255,7 @@ var Pagination = defineComponent({
           "modelValue": this.stateCurrent,
           "disabled": this.disabled,
           "size": this.size,
+          "inputSize": this.totalPage.toString().length,
           "onKeyup": this.onKeyUp,
           "onKeydown": this.onKeyDown,
           "onBlur": this.onBlur
@@ -29296,6 +29305,7 @@ var Pagination = defineComponent({
       "dropdownWidth": this.selectDropdownWidth,
       "variant": this.variant,
       "pageSizeOptions": this.pageSizeOptions,
+      "totalPage": this.totalPage,
       "onChange-page-size": this.onChangePageSize,
       "onChange-page": this.onChangePage
     }, null)]);
@@ -41530,7 +41540,14 @@ const modalProps = {
     type: Boolean,
     default: false
   },
-  title: String,
+  title: {
+    type: String,
+    default: ""
+  },
+  description: {
+    type: String,
+    default: ""
+  },
   closable: {
     type: Boolean,
     default: false
@@ -41571,10 +41588,6 @@ const modalProps = {
     default: () => X
   },
   afterClose: Function,
-  vertical: {
-    type: Boolean,
-    default: false
-  },
   locale: Object,
   top: {
     type: Number,
@@ -41681,9 +41694,6 @@ const _sfc_main$7 = defineComponent({
       } else {
         const width = typeof props.width === "number" ? `${props.width}px` : props.width;
         style.width = width;
-        if (!props.vertical) {
-          style.marginTop = `${props.top}px`;
-        }
       }
       if (props.draggable) {
         style.transform = `translate(${dragData.x}px, ${dragData.y}px)`;
@@ -41867,10 +41877,8 @@ function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
       createElementVNode("div", {
         class: normalizeClass([
           `${_ctx.prefixCls}-wrap`,
-          `${_ctx.prefixCls}-size-${_ctx.size}`,
           ..._ctx.customClass,
           {
-            [`${_ctx.prefixCls}-vertical`]: _ctx.vertical,
             [`${_ctx.prefixCls}-no-mask`]: _ctx.draggable,
             [`${_ctx.prefixCls}-visible`]: _ctx.wrapVisible,
             [`${_ctx.prefixCls}-full-screen`]: _ctx.fullScreen
@@ -41896,6 +41904,7 @@ function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
                 ref: "contentRef",
                 class: normalizeClass([
                   `${_ctx.prefixCls}`,
+                  `${_ctx.prefixCls}-size-${_ctx.size}`,
                   {
                     [`${_ctx.prefixCls}-drag`]: _ctx.draggable,
                     [`${_ctx.prefixCls}-dragging`]: _ctx.draggable && _ctx.dragData.dragging,
@@ -41931,7 +41940,11 @@ function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
                   renderSlot(_ctx.$slots, "header", {}, () => [
                     createElementVNode("div", {
                       class: normalizeClass(`${_ctx.prefixCls}-title`)
-                    }, toDisplayString(_ctx.title), 3)
+                    }, toDisplayString(_ctx.title), 3),
+                    _ctx.description ? (openBlock(), createElementBlock("div", {
+                      key: 0,
+                      class: normalizeClass(`${_ctx.prefixCls}-description`)
+                    }, toDisplayString(_ctx.description), 3)) : createCommentVNode("v-if", true)
                   ])
                 ], 2)) : createCommentVNode("v-if", true),
                 createElementVNode("div", {
@@ -42068,11 +42081,33 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
     "mask-closable": false,
     width: _ctx.computedWidth,
     size: _ctx.size,
-    "footer-hide": "",
     "after-close": _ctx.afterClose,
     closable: _ctx.closable,
     onClose: _ctx.closableClose
   }, {
+    footer: withCtx(() => [
+      _ctx.okCancel ? (openBlock(), createBlock(_component_UButton, {
+        key: 0,
+        size: _ctx.size,
+        onClick: _ctx.handleCancel
+      }, {
+        default: withCtx(() => [
+          createTextVNode(toDisplayString(_ctx.cancelText || _ctx.computedLocale.cancelText), 1)
+        ]),
+        _: 1
+      }, 8, ["size", "onClick"])) : createCommentVNode("v-if", true),
+      createVNode(_component_UButton, {
+        type: "primary",
+        size: _ctx.size,
+        loading: _ctx.stateLoading,
+        onClick: _ctx.handleOk
+      }, {
+        default: withCtx(() => [
+          createTextVNode(toDisplayString(_ctx.okText || _ctx.computedLocale.okText), 1)
+        ]),
+        _: 1
+      }, 8, ["size", "loading", "onClick"])
+    ]),
     default: withCtx(() => [
       createElementVNode("div", {
         class: normalizeClass(`${_ctx.prefixCls}-confirm-body-wrapper`)
@@ -42106,31 +42141,6 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
               ], 64))
             ], 2)
           ], 2)
-        ], 2),
-        createElementVNode("div", {
-          class: normalizeClass(`${_ctx.prefixCls}-confirm-button-wrap`)
-        }, [
-          _ctx.okCancel ? (openBlock(), createBlock(_component_UButton, {
-            key: 0,
-            size: _ctx.size,
-            onClick: _ctx.handleCancel
-          }, {
-            default: withCtx(() => [
-              createTextVNode(toDisplayString(_ctx.cancelText || _ctx.computedLocale.cancelText), 1)
-            ]),
-            _: 1
-          }, 8, ["size", "onClick"])) : createCommentVNode("v-if", true),
-          createVNode(_component_UButton, {
-            type: "primary",
-            size: _ctx.size,
-            loading: _ctx.stateLoading,
-            onClick: _ctx.handleOk
-          }, {
-            default: withCtx(() => [
-              createTextVNode(toDisplayString(_ctx.okText || _ctx.computedLocale.okText), 1)
-            ]),
-            _: 1
-          }, 8, ["size", "loading", "onClick"])
         ], 2)
       ], 2)
     ]),

package/uxd-ui.umd.js

@@ -1,4 +1,4 @@
-/*! @koi-design/uxd-ui@4.0.0 */
+/*! @koi-design/uxd-ui@4.0.2 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue'), require('lucide-vue-next')) :
@@ -6593,6 +6593,9 @@
     },
     direction: {
       type: String
+    },
+    inputSize: {
+      type: Number
     }
   };
   const inputEmits = {
@@ -6922,6 +6925,7 @@
         "ref": "inputRef",
         "class": [`${this.prefixCls}`],
         "type": this.nativeType,
+        "size": this.inputSize,
         "readonly": this.readonly,
         "placeholder": this.placeholder,
         "autofocus": this.autofocus,
@@ -12492,7 +12496,6 @@
           });
         }
         return vue.createVNode(UMenu.Item, {
-          "prefixCls": prefixCls,
           "name": m.value,
           "color": m.color,
           "disabled": m.disabled,
@@ -28868,6 +28871,10 @@
       dropdownWidth: {
         type: Number,
         default: 128
+      },
+      totalPage: {
+        type: Number,
+        required: true
       }
     },
     emits: {
@@ -28941,7 +28948,8 @@
               "modelValue": stateValue.value,
               "onUpdate:modelValue": ($event) => stateValue.value = $event,
               "onKeyup": handleJumpTo,
-              "onBlur": handleBlur
+              "onBlur": handleBlur,
+              "inputSize": props.totalPage.toString().length
             }, null), vue.createVNode("span", null, [props.locale.page])]);
           }
           return null;
@@ -29250,6 +29258,7 @@
             "modelValue": this.stateCurrent,
             "disabled": this.disabled,
             "size": this.size,
+            "inputSize": this.totalPage.toString().length,
             "onKeyup": this.onKeyUp,
             "onKeydown": this.onKeyDown,
             "onBlur": this.onBlur
@@ -29299,6 +29308,7 @@
         "dropdownWidth": this.selectDropdownWidth,
         "variant": this.variant,
         "pageSizeOptions": this.pageSizeOptions,
+        "totalPage": this.totalPage,
         "onChange-page-size": this.onChangePageSize,
         "onChange-page": this.onChangePage
       }, null)]);
@@ -41533,7 +41543,14 @@
       type: Boolean,
       default: false
     },
-    title: String,
+    title: {
+      type: String,
+      default: ""
+    },
+    description: {
+      type: String,
+      default: ""
+    },
     closable: {
       type: Boolean,
       default: false
@@ -41574,10 +41591,6 @@
       default: () => lucideVueNext.X
     },
     afterClose: Function,
-    vertical: {
-      type: Boolean,
-      default: false
-    },
     locale: Object,
     top: {
       type: Number,
@@ -41684,9 +41697,6 @@
         } else {
           const width = typeof props.width === "number" ? `${props.width}px` : props.width;
           style.width = width;
-          if (!props.vertical) {
-            style.marginTop = `${props.top}px`;
-          }
         }
         if (props.draggable) {
           style.transform = `translate(${dragData.x}px, ${dragData.y}px)`;
@@ -41870,10 +41880,8 @@
         vue.createElementVNode("div", {
           class: vue.normalizeClass([
             `${_ctx.prefixCls}-wrap`,
-            `${_ctx.prefixCls}-size-${_ctx.size}`,
             ..._ctx.customClass,
             {
-              [`${_ctx.prefixCls}-vertical`]: _ctx.vertical,
               [`${_ctx.prefixCls}-no-mask`]: _ctx.draggable,
               [`${_ctx.prefixCls}-visible`]: _ctx.wrapVisible,
               [`${_ctx.prefixCls}-full-screen`]: _ctx.fullScreen
@@ -41899,6 +41907,7 @@
                   ref: "contentRef",
                   class: vue.normalizeClass([
                     `${_ctx.prefixCls}`,
+                    `${_ctx.prefixCls}-size-${_ctx.size}`,
                     {
                       [`${_ctx.prefixCls}-drag`]: _ctx.draggable,
                       [`${_ctx.prefixCls}-dragging`]: _ctx.draggable && _ctx.dragData.dragging,
@@ -41934,7 +41943,11 @@
                     vue.renderSlot(_ctx.$slots, "header", {}, () => [
                       vue.createElementVNode("div", {
                         class: vue.normalizeClass(`${_ctx.prefixCls}-title`)
-                      }, vue.toDisplayString(_ctx.title), 3)
+                      }, vue.toDisplayString(_ctx.title), 3),
+                      _ctx.description ? (vue.openBlock(), vue.createElementBlock("div", {
+                        key: 0,
+                        class: vue.normalizeClass(`${_ctx.prefixCls}-description`)
+                      }, vue.toDisplayString(_ctx.description), 3)) : vue.createCommentVNode("v-if", true)
                     ])
                   ], 2)) : vue.createCommentVNode("v-if", true),
                   vue.createElementVNode("div", {
@@ -42071,11 +42084,33 @@
       "mask-closable": false,
       width: _ctx.computedWidth,
       size: _ctx.size,
-      "footer-hide": "",
       "after-close": _ctx.afterClose,
       closable: _ctx.closable,
       onClose: _ctx.closableClose
     }, {
+      footer: vue.withCtx(() => [
+        _ctx.okCancel ? (vue.openBlock(), vue.createBlock(_component_UButton, {
+          key: 0,
+          size: _ctx.size,
+          onClick: _ctx.handleCancel
+        }, {
+          default: vue.withCtx(() => [
+            vue.createTextVNode(vue.toDisplayString(_ctx.cancelText || _ctx.computedLocale.cancelText), 1)
+          ]),
+          _: 1
+        }, 8, ["size", "onClick"])) : vue.createCommentVNode("v-if", true),
+        vue.createVNode(_component_UButton, {
+          type: "primary",
+          size: _ctx.size,
+          loading: _ctx.stateLoading,
+          onClick: _ctx.handleOk
+        }, {
+          default: vue.withCtx(() => [
+            vue.createTextVNode(vue.toDisplayString(_ctx.okText || _ctx.computedLocale.okText), 1)
+          ]),
+          _: 1
+        }, 8, ["size", "loading", "onClick"])
+      ]),
       default: vue.withCtx(() => [
         vue.createElementVNode("div", {
           class: vue.normalizeClass(`${_ctx.prefixCls}-confirm-body-wrapper`)
@@ -42109,31 +42144,6 @@
                 ], 64))
               ], 2)
             ], 2)
-          ], 2),
-          vue.createElementVNode("div", {
-            class: vue.normalizeClass(`${_ctx.prefixCls}-confirm-button-wrap`)
-          }, [
-            _ctx.okCancel ? (vue.openBlock(), vue.createBlock(_component_UButton, {
-              key: 0,
-              size: _ctx.size,
-              onClick: _ctx.handleCancel
-            }, {
-              default: vue.withCtx(() => [
-                vue.createTextVNode(vue.toDisplayString(_ctx.cancelText || _ctx.computedLocale.cancelText), 1)
-              ]),
-              _: 1
-            }, 8, ["size", "onClick"])) : vue.createCommentVNode("v-if", true),
-            vue.createVNode(_component_UButton, {
-              type: "primary",
-              size: _ctx.size,
-              loading: _ctx.stateLoading,
-              onClick: _ctx.handleOk
-            }, {
-              default: vue.withCtx(() => [
-                vue.createTextVNode(vue.toDisplayString(_ctx.okText || _ctx.computedLocale.okText), 1)
-              ]),
-              _: 1
-            }, 8, ["size", "loading", "onClick"])
           ], 2)
         ], 2)
       ]),