@opentinyvue/vue-form-item 2.21.0 → 2.22.1

package/lib/index.js

@@ -7,7 +7,7 @@ function _extends() {
     return n;
   }, _extends.apply(null, arguments);
 }
-import { defineComponent, $prefix, $setup, $props } from "@opentinyvue/vue-common";
+import { defineComponent, $props, $setup, $prefix } from "@opentinyvue/vue-common";
 import PcTemplate from "./pc.js";
 import MobileFirstTemplate from "./mobile-first.js";
 var template = function template2(mode) {

package/lib/label-wrap.js

@@ -7,7 +7,7 @@ function _extends() {
     return n;
   }, _extends.apply(null, arguments);
 }
-import { defineComponent, $props, h, setup as _setup } from "@opentinyvue/vue-common";
+import { defineComponent, $props, setup as _setup, h } from "@opentinyvue/vue-common";
 var labelWrap = defineComponent({
   props: _extends({}, $props, {
     isAutoWidth: Boolean,

package/lib/mobile-first.js

@@ -124,7 +124,7 @@ var render = function render2() {
       "is-mobile-first": true
     }
   }, [_vm.slots.label || _vm.label ? _c("label", {
-    class: _vm.m("py-3 sm:py-1.5 sm:min-h-[theme(spacing.7)] relative align-bottom float-left text-sm pr-3 sm:pr-4 box-border leading-5", "overflow-hidden text-ellipsis", _vm.state.labelPosition === "top" ? "float-none inline-block text-left sm:text-left leading-none px-0 pt-0 pb-1.5 h-auto min-h-0 sm:py-0 sm:pb-1 sm:min-h-[theme(spacing.0)]" : "min-h-[theme(spacing.9)]", _vm.state.labelPosition === "right" ? "text-right sm:text-right" : "", _vm.state.labelPosition === "left" ? "text-left sm:text-left" : "", _vm.state.formInline && _vm.state.labelPosition === "top" ? "block" : "", _vm.state.isDisplayOnly ? "leading-none h-auto align-[inherit] pr-4" : "", _vm.tipContent ? "pr-5 sm:pr-7" : "", _vm.state.labelPosition === "top" && !_vm.state.hideRequiredAsterisk ? "overflow-visible relative before:absolute before:-left-2.5" : "", _vm.state.disabled ? "text-color-icon-placeholder sm:text-color-text-secondary" : "text-color-text-secondary", _vm.state.formItemSize !== "mini" ? "sm:text-sm" : "sm:text-xs"),
+    class: _vm.m("py-3 sm:py-1.5 sm:min-h-[theme(spacing.7)] relative align-bottom float-left text-sm pr-3 sm:pr-4 box-border leading-5 shrink-0", "overflow-hidden text-ellipsis", _vm.state.labelPosition === "top" ? "float-none inline-block text-left sm:text-left leading-none px-0 pt-0 pb-1.5 h-auto min-h-0 sm:py-0 sm:pb-1 sm:min-h-[theme(spacing.0)]" : "min-h-[theme(spacing.9)]", _vm.state.labelPosition === "right" ? "text-right sm:text-right" : "", _vm.state.labelPosition === "left" ? "text-left sm:text-left" : "", _vm.state.formInline && _vm.state.labelPosition === "top" ? "block" : "", _vm.state.isDisplayOnly ? "leading-none h-auto align-[inherit] pr-4" : "", _vm.tipContent ? "pr-5 sm:pr-7" : "", _vm.state.labelPosition === "top" && !_vm.state.hideRequiredAsterisk ? "overflow-visible relative before:absolute before:-left-2.5" : "", _vm.state.disabled ? "text-color-icon-placeholder sm:text-color-text-secondary" : "text-color-text-secondary", _vm.state.formItemSize !== "mini" ? "sm:text-sm" : "sm:text-xs"),
     style: _vm.state.labelStyle,
     attrs: {
       "data-tag": "tiny-item-label",
@@ -146,7 +146,7 @@ var render = function render2() {
       "custom-class": "h-4 w-4 ml-0.5 absolute right-1 sm:right-2 align-text-bottom fill-color-text-secondary"
     }
   })], 1) : _vm._e()], 1) : _vm._e()]), _c("div", {
-    class: _vm.m("flex-1 m-0 sm:m-auto relative sm:pt-0 sm:top-auto text-sm after:content-['']  after:table after:clear-both before:content-['']  before:table [&_button:not(:last-child)]:mr-2", "[&_[data-tag=tiny-checkbox]]:py-0 [&_[data-tag=tiny-input]]:w-full", "[&_[data-tag=tiny-input]_textarea]:px-0 sm:[&_[data-tag=tiny-input]_textarea]:px-3 [&_[data-tag=tiny-input]_textarea]:w-full [&_[data-tag=tiny-input]_textarea]:pt-1 sm:[&_[data-tag=tiny-input]_textarea]:pt-2", _vm.state.formInline ? "align-sub leading-none" : "", _vm.state.labelPosition === "top" && !_vm.state.hideRequiredAsterisk ? _vm.state.isDisplayOnly ? "pl-0" : "pl-2 sm:pl-0" : "pt-2", _vm.state.formItemSize !== "mini" ? "sm:text-sm" : "sm:text-xs"),
+    class: _vm.m("min-w-0 flex-1 m-0 sm:m-auto relative sm:pt-0 sm:top-auto text-sm after:content-['']  after:table after:clear-both before:content-['']  before:table [&_button:not(:last-child)]:mr-2", "[&_[data-tag=tiny-checkbox]]:py-0 [&_[data-tag=tiny-input]]:w-full", "[&_[data-tag=tiny-input]_textarea]:px-0 sm:[&_[data-tag=tiny-input]_textarea]:px-3 [&_[data-tag=tiny-input]_textarea]:w-full [&_[data-tag=tiny-input]_textarea]:pt-1 sm:[&_[data-tag=tiny-input]_textarea]:pt-2", _vm.state.formInline ? "align-sub leading-none" : "", _vm.state.labelPosition === "top" && !_vm.state.hideRequiredAsterisk ? _vm.state.isDisplayOnly ? "pl-0" : "pl-2 sm:pl-0" : "pt-2", _vm.state.formItemSize !== "mini" ? "sm:text-sm" : "sm:text-xs"),
     attrs: {
       "data-tag": "tiny-form-item-inline"
     }

package/package.json

@@ -1,17 +1,17 @@
 {
   "name": "@opentinyvue/vue-form-item",
   "type": "module",
-  "version": "2.21.0",
+  "version": "2.22.1",
   "description": "",
   "license": "MIT",
   "sideEffects": false,
   "main": "./lib/index.js",
   "module": "./lib/index.js",
   "dependencies": {
-    "@opentinyvue/vue-common": "~2.21.0",
-    "@opentinyvue/vue-icon": "~2.21.0",
-    "@opentinyvue/vue-renderless": "~3.21.0",
-    "@opentinyvue/vue-tooltip": "~2.21.0"
+    "@opentinyvue/vue-common": "~2.22.0",
+    "@opentinyvue/vue-icon": "~2.22.0",
+    "@opentinyvue/vue-renderless": "~3.22.0",
+    "@opentinyvue/vue-tooltip": "~2.22.0"
   },
   "types": "index.d.ts",
   "scripts": {