@varlet/ui 3.5.1 → 3.5.2

package/es/field-decorator/FieldDecorator.mjs

@@ -0,0 +1,318 @@
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
+import VarIcon from "../icon/index.mjs";
+import { defineComponent, ref, computed, nextTick, onUpdated, watch } from "vue";
+import { props } from "./props.mjs";
+import { isEmpty, getStyle, call, doubleRaf } from "@varlet/shared";
+import { createNamespace } from "../utils/components.mjs";
+import { onWindowResize, onSmartMounted } from "@varlet/use";
+import { usePopup } from "../popup/provide.mjs";
+import { useSwipeResizeDispatcher } from "../swipe/provide.mjs";
+const { name, n, classes } = createNamespace("field-decorator");
+import { renderSlot as _renderSlot, normalizeClass as _normalizeClass, createElementVNode as _createElementVNode, toDisplayString as _toDisplayString, normalizeStyle as _normalizeStyle, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, resolveComponent as _resolveComponent, createVNode as _createVNode, Teleport as _Teleport, createBlock as _createBlock, Fragment as _Fragment } from "vue";
+const _hoisted_1 = ["for"];
+function __render__(_ctx, _cache) {
+  const _component_var_icon = _resolveComponent("var-icon");
+  return _openBlock(), _createElementBlock(
+    "div",
+    {
+      class: _normalizeClass(_ctx.classes(_ctx.n(), _ctx.n("$--box"), _ctx.n(`--${_ctx.variant}`), [_ctx.size === "small", _ctx.n("--small")], [_ctx.disabled, _ctx.n("--disabled")])),
+      onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))
+    },
+    [
+      _createElementVNode(
+        "div",
+        {
+          class: _normalizeClass(
+            _ctx.classes(
+              _ctx.n("controller"),
+              [_ctx.isFocusing, _ctx.n("--focus")],
+              [_ctx.isError, _ctx.n("--error")],
+              [_ctx.formDisabled || _ctx.disabled, _ctx.n("--disabled")]
+            )
+          ),
+          style: _normalizeStyle({
+            color: _ctx.color,
+            cursor: _ctx.cursor,
+            overflow: _ctx.isFloating ? "visible" : "hidden",
+            "--field-decorator-middle-offset-left": _ctx.middleOffsetLeft,
+            "--field-decorator-middle-offset-width": _ctx.middleOffsetWidth,
+            "--field-decorator-middle-offset-height": _ctx.middleOffsetHeight
+          })
+        },
+        [
+          _createElementVNode(
+            "div",
+            {
+              class: _normalizeClass(_ctx.classes(_ctx.n("icon"), [!_ctx.hint, _ctx.n("--icon-non-hint")]))
+            },
+            [
+              _renderSlot(_ctx.$slots, "prepend-icon")
+            ],
+            2
+            /* CLASS */
+          ),
+          _createElementVNode(
+            "div",
+            {
+              ref: "middleEl",
+              class: _normalizeClass(_ctx.classes(_ctx.n("middle"), [!_ctx.hint, _ctx.n("--middle-non-hint")]))
+            },
+            [
+              _renderSlot(_ctx.$slots, "default")
+            ],
+            2
+            /* CLASS */
+          ),
+          _ctx.placeholder && _ctx.hint ? (_openBlock(), _createElementBlock("label", {
+            key: 0,
+            class: _normalizeClass(
+              _ctx.classes(
+                _ctx.n("placeholder"),
+                _ctx.n("$--ellipsis"),
+                [_ctx.isFocusing, _ctx.n("--focus")],
+                [_ctx.hintCenter, _ctx.n("--hint-center")],
+                [_ctx.formDisabled || _ctx.disabled, _ctx.n("--disabled")],
+                [_ctx.isError, _ctx.n("--error")],
+                [_ctx.transitionDisabled, _ctx.n("--transition-disabled")],
+                _ctx.computePlaceholderState()
+              )
+            ),
+            style: _normalizeStyle({
+              color: _ctx.color
+            }),
+            for: _ctx.id
+          }, [
+            _createElementVNode(
+              "span",
+              null,
+              _toDisplayString(_ctx.placeholder),
+              1
+              /* TEXT */
+            )
+          ], 14, _hoisted_1)) : _createCommentVNode("v-if", true),
+          _createElementVNode(
+            "div",
+            {
+              class: _normalizeClass(_ctx.classes(_ctx.n("icon"), [!_ctx.hint, _ctx.n("--icon-non-hint")]))
+            },
+            [
+              _ctx.clearable && !_ctx.isEmpty(_ctx.value) ? _renderSlot(_ctx.$slots, "clear-icon", {
+                key: 0,
+                clear: _ctx.handleClear
+              }, () => [
+                _createVNode(_component_var_icon, {
+                  class: _normalizeClass(_ctx.n("clear-icon")),
+                  "var-field-decorator-cover": "",
+                  name: "close-circle",
+                  onClick: _ctx.handleClear
+                }, null, 8, ["class", "onClick"])
+              ]) : _createCommentVNode("v-if", true),
+              _renderSlot(_ctx.$slots, "append-icon")
+            ],
+            2
+            /* CLASS */
+          )
+        ],
+        6
+        /* CLASS, STYLE */
+      ),
+      _ctx.line ? (_openBlock(), _createElementBlock(
+        _Fragment,
+        { key: 0 },
+        [
+          _ctx.variant === "outlined" ? (_openBlock(), _createElementBlock(
+            "fieldset",
+            {
+              key: 0,
+              class: _normalizeClass(
+                _ctx.classes(
+                  _ctx.n("line"),
+                  [_ctx.isFocusing, _ctx.n("--line-focus")],
+                  [_ctx.isError, _ctx.n("--line-error")],
+                  [_ctx.formDisabled || _ctx.disabled, _ctx.n("--line-disabled")]
+                )
+              ),
+              style: _normalizeStyle({ borderColor: _ctx.color })
+            },
+            [
+              _createElementVNode(
+                "legend",
+                {
+                  class: _normalizeClass(_ctx.classes(_ctx.n("line-legend"), [_ctx.isFloating, _ctx.n("line-legend--hint")])),
+                  style: _normalizeStyle({ width: _ctx.legendWidth })
+                },
+                [
+                  _ctx.placeholder && _ctx.hint ? (_openBlock(), _createBlock(_Teleport, {
+                    key: 0,
+                    to: "body"
+                  }, [
+                    _createElementVNode(
+                      "span",
+                      {
+                        ref: "placeholderTextEl",
+                        class: _normalizeClass(
+                          _ctx.classes(_ctx.n("placeholder-text"), _ctx.n("$--ellipsis"), [_ctx.size === "small", _ctx.n("placeholder-text--small")])
+                        )
+                      },
+                      _toDisplayString(_ctx.placeholder),
+                      3
+                      /* TEXT, CLASS */
+                    )
+                  ])) : _createCommentVNode("v-if", true)
+                ],
+                6
+                /* CLASS, STYLE */
+              )
+            ],
+            6
+            /* CLASS, STYLE */
+          )) : (_openBlock(), _createElementBlock(
+            "div",
+            {
+              key: 1,
+              class: _normalizeClass(_ctx.classes(_ctx.n("line"), [_ctx.formDisabled || _ctx.disabled, _ctx.n("--line-disabled")], [_ctx.isError, _ctx.n("--line-error")])),
+              style: _normalizeStyle({ background: !_ctx.isError ? _ctx.blurColor : void 0 })
+            },
+            [
+              _createElementVNode(
+                "div",
+                {
+                  class: _normalizeClass(
+                    _ctx.classes(
+                      _ctx.n("dot"),
+                      [_ctx.isFocusing, _ctx.n("--line-focus")],
+                      [_ctx.formDisabled || _ctx.disabled, _ctx.n("--line-disabled")],
+                      [_ctx.isError, _ctx.n("--line-error")]
+                    )
+                  ),
+                  style: _normalizeStyle({ background: !_ctx.isError ? _ctx.focusColor : void 0 })
+                },
+                null,
+                6
+                /* CLASS, STYLE */
+              )
+            ],
+            6
+            /* CLASS, STYLE */
+          ))
+        ],
+        64
+        /* STABLE_FRAGMENT */
+      )) : _createCommentVNode("v-if", true)
+    ],
+    2
+    /* CLASS */
+  );
+}
+const __sfc__ = defineComponent({
+  name,
+  components: { VarIcon },
+  props,
+  setup(props2) {
+    const placeholderTextEl = ref(null);
+    const middleEl = ref(null);
+    const legendWidth = ref("");
+    const middleOffsetLeft = ref("0px");
+    const middleOffsetWidth = ref("0px");
+    const middleOffsetHeight = ref("0px");
+    const transitionDisabled = ref(true);
+    const isFloating = computed(() => props2.hint && (!isEmpty(props2.value) || props2.isFocusing));
+    const { popup, bindPopup } = usePopup();
+    const { bindSwipeResizeDispatcher } = useSwipeResizeDispatcher();
+    const color = computed(
+      () => !props2.isError ? props2.isFocusing ? props2.focusColor : props2.blurColor : void 0
+    );
+    onWindowResize(resize);
+    onSmartMounted(() => {
+      resize();
+      nextTick().then(() => {
+        transitionDisabled.value = false;
+      });
+    });
+    onUpdated(resize);
+    call(bindPopup, null);
+    call(bindSwipeResizeDispatcher, {
+      onResize() {
+        nextTick().then(resize);
+      }
+    });
+    if (popup) {
+      watch(
+        () => popup.show.value,
+        (show) => __async(this, null, function* () {
+          if (show) {
+            yield doubleRaf();
+            resize();
+          }
+        })
+      );
+    }
+    function computePlaceholderState() {
+      const { hint, value, composing } = props2;
+      if (!hint && (!isEmpty(value) || composing)) {
+        return n("--placeholder-hidden");
+      }
+      if (isFloating.value) {
+        return n("--placeholder-hint");
+      }
+    }
+    function handleClear(e) {
+      call(props2.onClear, e);
+    }
+    function handleClick(e) {
+      call(props2.onClick, e);
+    }
+    function resize() {
+      middleOffsetLeft.value = `${middleEl.value.offsetLeft}px`;
+      middleOffsetWidth.value = `${middleEl.value.offsetWidth}px`;
+      middleOffsetHeight.value = `${middleEl.value.offsetHeight}px`;
+      if (props2.variant === "outlined" && placeholderTextEl.value) {
+        const placeholderTextStyle = getStyle(placeholderTextEl.value);
+        const placeholderSpace = `var(--field-decorator-outlined-${props2.size}-placeholder-space)`;
+        legendWidth.value = `calc(${placeholderTextStyle.width} * 0.75 + ${placeholderSpace} * 2)`;
+      }
+    }
+    return {
+      placeholderTextEl,
+      middleEl,
+      middleOffsetLeft,
+      middleOffsetWidth,
+      middleOffsetHeight,
+      color,
+      legendWidth,
+      isFloating,
+      transitionDisabled,
+      resize,
+      computePlaceholderState,
+      n,
+      classes,
+      isEmpty,
+      handleClear,
+      handleClick
+    };
+  }
+});
+__sfc__.render = __render__;
+var stdin_default = __sfc__;
+export {
+  stdin_default as default
+};

package/es/field-decorator/fieldDecorator.css

@@ -0,0 +1 @@
+:root { --field-decorator-text-color: #555; --field-decorator-error-color: var(--color-danger); --field-decorator-blur-color: #888; --field-decorator-focus-color: var(--color-primary); --field-decorator-placeholder-size: 16px; --field-decorator-icon-size: 20px; --field-decorator-line-size: 1px; --field-decorator-line-focus-size: 2px; --field-decorator-line-border-radius: 4px; --field-decorator-disabled-color: var(--color-text-disabled); --field-decorator-standard-normal-margin-top: 22px; --field-decorator-standard-normal-margin-bottom: 4px; --field-decorator-standard-normal-icon-margin-top: 22px; --field-decorator-standard-normal-icon-margin-bottom: 4px; --field-decorator-standard-normal-non-hint-margin-top: 4px; --field-decorator-standard-small-margin-top: 18px; --field-decorator-standard-small-margin-bottom: 4px; --field-decorator-standard-small-icon-margin-top: 18px; --field-decorator-standard-small-icon-margin-bottom: 4px; --field-decorator-standard-small-non-hint-margin-top: 2px; --field-decorator-outlined-normal-margin-top: 16px; --field-decorator-outlined-normal-margin-bottom: 16px; --field-decorator-outlined-normal-padding-left: 16px; --field-decorator-outlined-normal-padding-right: 16px; --field-decorator-outlined-normal-placeholder-space: 4px; --field-decorator-outlined-normal-icon-margin-top: 16px; --field-decorator-outlined-normal-icon-margin-bottom: 16px; --field-decorator-outlined-small-margin-top: 8px; --field-decorator-outlined-small-margin-bottom: 8px; --field-decorator-outlined-small-padding-left: 12px; --field-decorator-outlined-small-padding-right: 12px; --field-decorator-outlined-small-placeholder-space: 2px; --field-decorator-outlined-small-icon-margin-top: 8px; --field-decorator-outlined-small-icon-margin-bottom: 8px;}.var-field-decorator { position: relative; width: 100%; color: var(--field-decorator-text-color);}.var-field-decorator__controller { width: 100%; display: flex; align-items: stretch; position: relative;}.var-field-decorator__middle { position: relative; flex-grow: 1; display: flex; justify-content: center; align-items: center;}.var-field-decorator__icon { display: flex; align-items: center; font-size: var(--field-decorator-icon-size);}.var-field-decorator__icon .var-icon { font-size: var(--field-decorator-icon-size);}.var-field-decorator__placeholder { position: absolute; top: 0; left: 0; max-width: var(--field-decorator-middle-offset-width); font-size: var(--field-decorator-placeholder-size); line-height: 1.5em; color: var(--field-decorator-placeholder-color, var(--field-decorator-blur-color)); pointer-events: none; cursor: inherit; transform-origin: left; transition: transform 0.28s var(--cubic-bezier), color 0.25s, max-width 0.2s;}.var-field-decorator__clear-icon[var-field-decorator-cover] { font-size: var(--field-decorator-icon-size); margin-left: 6px; cursor: pointer;}.var-field-decorator__placeholder-text { max-width: calc(133% - var(--field-decorator-outlined-normal-padding-left) - var(--field-decorator-outlined-normal-padding-right)); position: absolute; z-index: -1000; top: -1000px; display: inline-block; pointer-events: none; opacity: 0; font-size: var(--field-decorator-placeholder-size);}.var-field-decorator__placeholder-text--small { max-width: calc(133% - var(--field-decorator-outlined-small-padding-left) - var(--field-decorator-outlined-small-padding-right));}.var-field-decorator--placeholder-hidden { visibility: hidden;}.var-field-decorator--focus { color: var(--field-decorator-focus-color);}.var-field-decorator--disabled { color: var(--field-decorator-disabled-color); cursor: not-allowed;}.var-field-decorator--error { color: var(--field-decorator-error-color);}.var-field-decorator--standard .var-field-decorator__middle { margin-top: var(--field-decorator-standard-normal-margin-top); margin-bottom: var(--field-decorator-standard-normal-margin-bottom);}.var-field-decorator--standard .var-field-decorator__icon { margin-top: var(--field-decorator-standard-normal-icon-margin-top); margin-bottom: var(--field-decorator-standard-normal-icon-margin-bottom);}.var-field-decorator--standard .var-field-decorator__placeholder { transform: translate(var(--field-decorator-middle-offset-left), var(--field-decorator-standard-normal-margin-top));}.var-field-decorator--standard .var-field-decorator--placeholder-hint { max-width: 133%; transform: translate(0, 0) scale(0.75) !important;}.var-field-decorator--standard .var-field-decorator__line { width: 100%; height: var(--field-decorator-line-size); background: var(--field-decorator-blur-color); transition: background-color 0.25s;}.var-field-decorator--standard .var-field-decorator--line-disabled { background: var(--field-decorator-disabled-color);}.var-field-decorator--standard .var-field-decorator__dot { width: 100%; height: var(--field-decorator-line-focus-size); background: var(--field-decorator-focus-color); transform: scaleX(0); transform-origin: center; transition: transform 0.3s var(--cubic-bezier), background-color 0.25s;}.var-field-decorator--standard .var-field-decorator--middle-non-hint { margin-top: var(--field-decorator-standard-normal-non-hint-margin-top);}.var-field-decorator--standard .var-field-decorator--icon-non-hint { margin-top: var(--field-decorator-standard-normal-non-hint-margin-top);}.var-field-decorator--standard .var-field-decorator--hint-center { transform: translate(var(--field-decorator-middle-offset-left), calc(var(--field-decorator-standard-normal-margin-top) + var(--field-decorator-middle-offset-height) / 2 - 50%));}.var-field-decorator--standard .var-field-decorator--line-focus { transform: scaleX(1);}.var-field-decorator--standard .var-field-decorator--line-error { background: var(--field-decorator-error-color);}.var-field-decorator--outlined .var-field-decorator__controller { padding: 0 var(--field-decorator-outlined-normal-padding-right) 0 var(--field-decorator-outlined-normal-padding-left);}.var-field-decorator--outlined .var-field-decorator__middle { margin-top: var(--field-decorator-outlined-normal-margin-top); margin-bottom: var(--field-decorator-outlined-normal-margin-bottom);}.var-field-decorator--outlined .var-field-decorator__icon { margin-top: var(--field-decorator-outlined-normal-icon-margin-top); margin-bottom: var(--field-decorator-outlined-normal-icon-margin-bottom);}.var-field-decorator--outlined .var-field-decorator__placeholder { transform: translate(var(--field-decorator-middle-offset-left), var(--field-decorator-outlined-normal-margin-top));}.var-field-decorator--outlined .var-field-decorator--hint-center { transform: translate(var(--field-decorator-middle-offset-left), calc(var(--field-decorator-outlined-normal-margin-top) + var(--field-decorator-middle-offset-height) / 2 - 50%));}.var-field-decorator--outlined .var-field-decorator--placeholder-hint { max-width: calc(133% - var(--field-decorator-outlined-normal-padding-left) - var(--field-decorator-outlined-normal-padding-right)); transform: translate(calc(var(--field-decorator-outlined-normal-padding-left)), -50%) scale(0.75);}.var-field-decorator--outlined .var-field-decorator__line { min-width: 0; width: 100%; height: calc(100% + (var(--field-decorator-placeholder-size) * 0.75 / 2)); position: absolute; top: calc(var(--field-decorator-placeholder-size) * 0.75 / 2 * -1); left: 0; pointer-events: none; border-radius: var(--field-decorator-line-border-radius); border: var(--field-decorator-line-size) solid var(--field-decorator-blur-color); overflow: hidden; padding: 0 calc(var(--field-decorator-outlined-normal-padding-right) - var(--field-decorator-outlined-normal-placeholder-space) - var(--field-decorator-line-size)) 0 calc(var(--field-decorator-outlined-normal-padding-left) - var(--field-decorator-outlined-normal-placeholder-space) - var(--field-decorator-line-size)); margin: 0;}.var-field-decorator--outlined .var-field-decorator__line-legend { max-width: 0; height: calc(var(--field-decorator-placeholder-size) * 0.75); visibility: hidden; padding: 0; overflow: hidden; display: block; white-space: nowrap;}.var-field-decorator--outlined .var-field-decorator__line-legend--hint { max-width: 100%;}.var-field-decorator--outlined .var-field-decorator--line-focus { border-width: var(--field-decorator-line-focus-size); border-color: var(--field-decorator-focus-color); padding: 0 calc(var(--field-decorator-outlined-normal-padding-right) - var(--field-decorator-outlined-normal-placeholder-space) - var(--field-decorator-line-focus-size)) 0 calc(var(--field-decorator-outlined-normal-padding-left) - var(--field-decorator-outlined-normal-placeholder-space) - var(--field-decorator-line-focus-size));}.var-field-decorator--outlined .var-field-decorator--line-disabled { border-radius: var(--field-decorator-line-border-radius); border: var(--field-decorator-line-size) solid var(--field-decorator-disabled-color);}.var-field-decorator--outlined .var-field-decorator--line-error { border-color: var(--field-decorator-error-color) !important;}.var-field-decorator--standard.var-field-decorator--small .var-field-decorator__middle { margin-top: var(--field-decorator-standard-small-margin-top); margin-bottom: var(--field-decorator-standard-small-margin-bottom);}.var-field-decorator--standard.var-field-decorator--small .var-field-decorator__placeholder { transform: translate(var(--field-decorator-middle-offset-left), var(--field-decorator-standard-small-margin-top));}.var-field-decorator--standard.var-field-decorator--small .var-field-decorator--middle-non-hint { margin-top: var(--field-decorator-standard-small-non-hint-margin-top);}.var-field-decorator--standard.var-field-decorator--small .var-field-decorator--icon-non-hint { margin-top: var(--field-decorator-standard-small-non-hint-margin-top);}.var-field-decorator--standard.var-field-decorator--small .var-field-decorator--hint-center { transform: translate(var(--field-decorator-middle-offset-left), calc(var(--field-decorator-standard-small-margin-top) + var(--field-decorator-middle-offset-height) / 2 - 50%));}.var-field-decorator--outlined.var-field-decorator--small .var-field-decorator__controller { padding: 0 var(--field-decorator-outlined-small-padding-right) 0 var(--field-decorator-outlined-small-padding-left);}.var-field-decorator--outlined.var-field-decorator--small .var-field-decorator__middle { margin-top: var(--field-decorator-outlined-small-margin-top); margin-bottom: var(--field-decorator-outlined-small-margin-bottom);}.var-field-decorator--outlined.var-field-decorator--small .var-field-decorator__icon { margin-top: var(--field-decorator-outlined-small-icon-margin-top); margin-bottom: var(--field-decorator-outlined-small-icon-margin-bottom);}.var-field-decorator--outlined.var-field-decorator--small .var-field-decorator__placeholder { transform: translate(var(--field-decorator-middle-offset-left), var(--field-decorator-outlined-small-margin-top));}.var-field-decorator--outlined.var-field-decorator--small .var-field-decorator--hint-center { transform: translate(var(--field-decorator-middle-offset-left), calc(var(--field-decorator-outlined-small-margin-top) + var(--field-decorator-middle-offset-height) / 2 - 50%));}.var-field-decorator--outlined.var-field-decorator--small .var-field-decorator--placeholder-hint { max-width: calc(133% - var(--field-decorator-outlined-small-padding-left) - var(--field-decorator-outlined-small-padding-right)); transform: translate(calc(var(--field-decorator-outlined-small-padding-left)), -50%) scale(0.75);}.var-field-decorator--outlined.var-field-decorator--small .var-field-decorator__line { padding: 0 calc(var(--field-decorator-outlined-small-padding-right) - var(--field-decorator-outlined-small-placeholder-space) - var(--field-decorator-line-size)) 0 calc(var(--field-decorator-outlined-small-padding-left) - var(--field-decorator-outlined-small-placeholder-space) - var(--field-decorator-line-size));}.var-field-decorator--outlined.var-field-decorator--small .var-field-decorator--line-focus { padding: 0 calc(var(--field-decorator-outlined-small-padding-right) - var(--field-decorator-outlined-small-placeholder-space) - var(--field-decorator-line-focus-size)) 0 calc(var(--field-decorator-outlined-small-padding-left) - var(--field-decorator-outlined-small-placeholder-space) - var(--field-decorator-line-focus-size));}.var-field-decorator--transition-disabled { transition: none;}

package/es/field-decorator/index.mjs

@@ -0,0 +1,12 @@
+import FieldDecorator from "./FieldDecorator.mjs";
+import { withInstall, withPropsDefaultsSetter } from "../utils/components.mjs";
+import { props as fieldDecoratorProps } from "./props.mjs";
+withInstall(FieldDecorator);
+withPropsDefaultsSetter(FieldDecorator, fieldDecoratorProps);
+const _FieldDecoratorComponent = FieldDecorator;
+var stdin_default = FieldDecorator;
+export {
+  _FieldDecoratorComponent,
+  stdin_default as default,
+  fieldDecoratorProps
+};

package/es/field-decorator/props.mjs

@@ -0,0 +1,47 @@
+import { defineListenerProp } from "../utils/components.mjs";
+const props = {
+  value: {
+    type: null,
+    required: true
+  },
+  id: {
+    type: String,
+    default: ""
+  },
+  isFocusing: Boolean,
+  size: {
+    type: String,
+    default: "normal"
+  },
+  variant: {
+    type: String,
+    default: "standard"
+  },
+  placeholder: String,
+  line: {
+    type: Boolean,
+    default: true
+  },
+  hint: {
+    type: Boolean,
+    default: true
+  },
+  hintCenter: {
+    type: Boolean,
+    default: true
+  },
+  textColor: String,
+  focusColor: String,
+  blurColor: String,
+  isError: Boolean,
+  formDisabled: Boolean,
+  disabled: Boolean,
+  clearable: Boolean,
+  cursor: String,
+  composing: Boolean,
+  onClick: defineListenerProp(),
+  onClear: defineListenerProp()
+};
+export {
+  props
+};

package/es/field-decorator/style/index.mjs

@@ -0,0 +1,4 @@
+import '../../styles/common.css'
+import '../../icon/icon.css'
+import '../fieldDecorator.css'
+import '../FieldDecoratorSfc.css'

package/es/floating-panel/FloatingPanel.mjs

@@ -0,0 +1,186 @@
+import { defineComponent, ref, computed, watch } from "vue";
+import { props } from "./props.mjs";
+import { useLock } from "../context/lock.mjs";
+import { createNamespace, formatElevation, useTeleport } from "../utils/components.mjs";
+import { toSizeUnit } from "../utils/elements.mjs";
+import { useTouch, useWindowSize, useVModel } from "@varlet/use";
+import { toNumber, isEmpty, preventDefault, call } from "@varlet/shared";
+const { name, n, classes } = createNamespace("floating-panel");
+const DEFAULT_START_ANCHOR = 100;
+const OVERFLOW_REDUCE_RATIO = 0.2;
+import { renderSlot as _renderSlot, normalizeClass as _normalizeClass, createElementVNode as _createElementVNode, normalizeStyle as _normalizeStyle, Teleport as _Teleport, openBlock as _openBlock, createBlock as _createBlock } from "vue";
+function __render__(_ctx, _cache) {
+  return _openBlock(), _createBlock(_Teleport, {
+    to: _ctx.teleport === false ? void 0 : _ctx.teleport,
+    disabled: _ctx.teleportDisabled || _ctx.teleport === false
+  }, [
+    _createElementVNode(
+      "div",
+      {
+        class: _normalizeClass(_ctx.classes(_ctx.n(), [_ctx.safeArea, _ctx.n("--safe-area")], _ctx.formatElevation(_ctx.elevation, 3))),
+        style: _normalizeStyle({
+          height: `${_ctx.toSizeUnit(_ctx.maxAnchor)}`,
+          transform: `translateY(calc(100% - ${_ctx.toSizeUnit(_ctx.visibleHeight)}))`,
+          transition: _ctx.touching ? "none" : `transform ${_ctx.toNumber(
+            _ctx.duration
+          )}ms var(--floating-panel-transition-timing-function), background-color 0.25s`
+        }),
+        onTouchstart: _cache[0] || (_cache[0] = (...args) => _ctx.handleTouchstart && _ctx.handleTouchstart(...args)),
+        onTouchmove: _cache[1] || (_cache[1] = (...args) => _ctx.handleTouchmove && _ctx.handleTouchmove(...args)),
+        onTouchend: _cache[2] || (_cache[2] = (...args) => _ctx.handleTouchend && _ctx.handleTouchend(...args)),
+        onTouchcancel: _cache[3] || (_cache[3] = (...args) => _ctx.handleTouchend && _ctx.handleTouchend(...args))
+      },
+      [
+        _renderSlot(_ctx.$slots, "header", {}, () => [
+          _createElementVNode(
+            "div",
+            {
+              class: _normalizeClass(_ctx.n("header"))
+            },
+            [
+              _createElementVNode(
+                "div",
+                {
+                  class: _normalizeClass(_ctx.n("header-toolbar"))
+                },
+                null,
+                2
+                /* CLASS */
+              )
+            ],
+            2
+            /* CLASS */
+          )
+        ]),
+        _createElementVNode(
+          "div",
+          {
+            class: _normalizeClass(_ctx.n("content")),
+            ref: "contentRef"
+          },
+          [
+            _renderSlot(_ctx.$slots, "default")
+          ],
+          2
+          /* CLASS */
+        )
+      ],
+      38
+      /* CLASS, STYLE, NEED_HYDRATION */
+    )
+  ], 8, ["to", "disabled"]);
+}
+const __sfc__ = defineComponent({
+  name,
+  props,
+  setup(props2) {
+    const visibleHeight = ref(0);
+    const contentRef = ref(null);
+    const { height: windowHeight } = useWindowSize();
+    const defaultEndAnchor = computed(() => windowHeight.value * 0.6);
+    const anchor = useVModel(props2, "anchor", { defaultValue: DEFAULT_START_ANCHOR });
+    const anchors = computed(() => {
+      const defaultAnchors = [DEFAULT_START_ANCHOR, defaultEndAnchor.value];
+      const { anchors: anchors2 } = props2;
+      return isEmpty(anchors2) ? defaultAnchors : anchors2;
+    });
+    const minAnchor = computed(() => Math.min(...anchors.value));
+    const maxAnchor = computed(() => Math.max(...anchors.value));
+    const { disabled: teleportDisabled } = useTeleport();
+    const { deltaY, touching, startTouch, moveTouch, endTouch, isReachTop, isReachBottom } = useTouch();
+    let startVisibleHeight;
+    useLock(() => touching.value);
+    watch(() => anchor.value, matchAnchor, { immediate: true });
+    watch(
+      () => anchors.value,
+      () => {
+        matchAnchor(anchor.value);
+      },
+      { immediate: true }
+    );
+    function matchAnchor(anchor2) {
+      setVisibleHeight(anchor2 != null ? anchor2 : minAnchor.value);
+    }
+    function handleTouchstart(event) {
+      startTouch(event);
+      startVisibleHeight = visibleHeight.value;
+    }
+    function handleTouchmove(event) {
+      var _a;
+      moveTouch(event);
+      const target = event.target;
+      const eventFromContent = contentRef.value === target || ((_a = contentRef.value) == null ? void 0 : _a.contains(target));
+      if (eventFromContent && !props2.contentDraggable) {
+        return;
+      }
+      if (eventFromContent && props2.contentDraggable && visibleHeight.value >= maxAnchor.value && !isReachTop(contentRef.value)) {
+        if (isReachBottom(contentRef.value)) {
+          preventDefault(event);
+        }
+        return;
+      }
+      const targetVisibleHeight = startVisibleHeight - deltaY.value;
+      setVisibleHeight(clampVisibleHeight(targetVisibleHeight));
+      preventDefault(event);
+    }
+    function handleTouchend() {
+      endTouch();
+      const oldAnchor = anchor.value;
+      setVisibleHeight(visibleHeight.value);
+      anchor.value = visibleHeight.value;
+      if (anchor.value !== oldAnchor) {
+        call(props2.onAnchorChange, visibleHeight.value);
+      }
+    }
+    function setVisibleHeight(targetVisibleHeight) {
+      visibleHeight.value = touching.value ? targetVisibleHeight : findNearestAnchor(targetVisibleHeight);
+    }
+    function clampVisibleHeight(visibleHeight2) {
+      if (visibleHeight2 > maxAnchor.value) {
+        const overflowHeight = visibleHeight2 - maxAnchor.value;
+        return maxAnchor.value + overflowHeight * OVERFLOW_REDUCE_RATIO;
+      }
+      if (visibleHeight2 < minAnchor.value) {
+        const overflowHeight = minAnchor.value - visibleHeight2;
+        return minAnchor.value - overflowHeight * OVERFLOW_REDUCE_RATIO;
+      }
+      return visibleHeight2;
+    }
+    function findNearestAnchor(targetAnchor) {
+      if (anchors.value.includes(targetAnchor)) {
+        return targetAnchor;
+      }
+      let minDifference = Infinity;
+      let nearestAnchor = 0;
+      anchors.value.forEach((anchor2) => {
+        const difference = Math.abs(anchor2 - targetAnchor);
+        if (difference < minDifference) {
+          minDifference = difference;
+          nearestAnchor = anchor2;
+        }
+      });
+      return nearestAnchor;
+    }
+    return {
+      contentRef,
+      teleportDisabled,
+      touching,
+      minAnchor,
+      maxAnchor,
+      visibleHeight,
+      n,
+      classes,
+      toSizeUnit,
+      toNumber,
+      formatElevation,
+      handleTouchstart,
+      handleTouchmove,
+      handleTouchend
+    };
+  }
+});
+__sfc__.render = __render__;
+var stdin_default = __sfc__;
+export {
+  stdin_default as default
+};

package/es/floating-panel/floatingPanel.css

@@ -0,0 +1 @@
+:root { --floating-panel-z-index: 999; --floating-panel-border-top: none; --floating-panel-border-radius: 0; --floating-panel-background: var(--color-surface-container-high); --floating-panel-header-height: 30px; --floating-panel-toolbar-width: 20px; --floating-panel-toolbar-height: 3px; --floating-panel-toolbar-border-radius: 10px; --floating-panel-toolbar-background: #ddd; --floating-panel-transition-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28);}.var-floating-panel { position: fixed; left: 0; bottom: 0; width: 100%; display: flex; flex-direction: column; z-index: var(--floating-panel-z-index); border-top: var(--floating-panel-border-top); border-top-left-radius: var(--floating-panel-border-radius); border-top-right-radius: var(--floating-panel-border-radius); border-bottom-right-radius: 0; border-bottom-left-radius: 0; background-color: var(--floating-panel-background); will-change: transform; touch-action: none;}.var-floating-panel::after { content: ''; display: block; position: absolute; bottom: -100vh; height: 100vh; width: 100%; background-color: inherit; box-shadow: 0 -1px var(--floating-panel-background);}.var-floating-panel__header { height: var(--floating-panel-header-height); display: flex; justify-content: center; align-items: center; cursor: grab; user-select: none;}.var-floating-panel__header-toolbar { width: var(--floating-panel-toolbar-width); height: var(--floating-panel-toolbar-height); border-radius: var(--floating-panel-toolbar-border-radius); background: var(--floating-panel-toolbar-background);}.var-floating-panel__content { flex: 1; overflow-y: auto;}.var-floating-panel--safe-area { padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom);}

package/es/floating-panel/index.mjs

@@ -0,0 +1,11 @@
+import FloatingPanel from "./FloatingPanel.mjs";
+import { withInstall, withPropsDefaultsSetter } from "../utils/components.mjs";
+import { props as floatingPanelProps } from "./props.mjs";
+withInstall(FloatingPanel);
+withPropsDefaultsSetter(FloatingPanel, floatingPanelProps);
+const _FloatingPanelComponent = FloatingPanel;
+var stdin_default = FloatingPanel;
+export {
+  _FloatingPanelComponent,
+  stdin_default as default
+};

package/es/floating-panel/props.mjs

@@ -0,0 +1,27 @@
+import { defineListenerProp } from "../utils/components.mjs";
+const props = {
+  anchor: Number,
+  anchors: Array,
+  contentDraggable: {
+    type: Boolean,
+    default: true
+  },
+  duration: {
+    type: [Number, String],
+    default: 300
+  },
+  elevation: {
+    type: [Boolean, Number, String],
+    default: true
+  },
+  teleport: {
+    type: [String, Object, Boolean],
+    default: "body"
+  },
+  safeArea: Boolean,
+  "onUpdate:anchor": defineListenerProp(),
+  onAnchorChange: defineListenerProp()
+};
+export {
+  props
+};

package/es/floating-panel/style/index.mjs

@@ -0,0 +1,4 @@
+import '../../styles/common.css'
+import '../../styles/elevation.css'
+import '../floatingPanel.css'
+import '../FloatingPanelSfc.css'