@rhino-design/vue 0.2.1 → 0.2.3

package/dist/components/XCarouselItem.vue2.js

@@ -0,0 +1,112 @@
+import { defineComponent as S, inject as V, useAttrs as _, getCurrentInstance as X, ref as b, onMounted as E, onUnmounted as Y, computed as i, unref as s, openBlock as d, createElementBlock as f, mergeProps as p, renderSlot as C, createElementVNode as g } from "vue";
+const B = /* @__PURE__ */ S({
+  __name: "XCarouselItem",
+  props: {
+    name: {},
+    label: {}
+  },
+  setup($) {
+    const m = $, e = V("carousel"), o = _(), v = X(), x = (v == null ? void 0 : v.uid) ?? Math.random().toString(36).slice(2), n = b(-1);
+    E(() => {
+      e && (n.value = e.items.value.length, e.addItem({
+        uid: x,
+        index: n.value,
+        name: m.name,
+        label: m.label
+      }));
+    }), Y(() => {
+      e == null || e.removeItem(x);
+    });
+    const T = i(() => {
+      if (!e || e.isCardType.value || n.value === -1) return 0;
+      const r = e.activeIndex.value, t = e.items.value.length;
+      if (t <= 1) return 0;
+      let a = n.value - r;
+      return t > 2 && (a > t / 2 ? a -= t : a < -t / 2 && (a += t)), a;
+    }), k = i(() => !e || n.value === -1 ? !1 : n.value === e.activeIndex.value), y = (r, t) => t ? (r % t + t) % t : 0;
+    i(() => !e || !e.isCardType.value || n.value === -1 ? -1 : n.value + 1);
+    const l = i(() => {
+      if (!e || !e.isCardType.value || n.value === -1) return "idle";
+      const r = e.items.value.length;
+      if (!r) return "idle";
+      const t = n.value, a = e.activeIndex.value, u = y(a - 1, r), c = y(a + 1, r);
+      return t === a ? "active" : t === u ? "prev" : t === c ? "next" : "idle";
+    }), z = i(() => {
+      if (!e || !e.isCardType.value) return {};
+      const r = l.value, t = e.cardScale;
+      return e.sideTranslatePercent, e.isVertical.value ? r === "active" ? {
+        transform: "translateY(0) scale(1)",
+        opacity: 1,
+        zIndex: 3
+      } : r === "prev" ? {
+        transform: `translateY(-28%) scale(${t})`,
+        opacity: 0.78,
+        zIndex: 2,
+        cursor: "pointer"
+      } : r === "next" ? {
+        transform: `translateY(28%) scale(${t})`,
+        opacity: 0.78,
+        zIndex: 2,
+        cursor: "pointer"
+      } : {
+        transform: `scale(${t})`,
+        opacity: 0,
+        pointerEvents: "none"
+      } : r === "active" ? {
+        transform: "translateX(0) scale(1)",
+        opacity: 1,
+        zIndex: 3
+      } : r === "prev" ? {
+        transform: `translateX(-28%) scale(${t})`,
+        opacity: 0.78,
+        zIndex: 2,
+        cursor: "pointer"
+      } : r === "next" ? {
+        transform: `translateX(28%) scale(${t})`,
+        opacity: 0.78,
+        zIndex: 2,
+        cursor: "pointer"
+      } : {
+        transform: `scale(${t})`,
+        opacity: 0,
+        pointerEvents: "none"
+      };
+    });
+    function h() {
+      if (!e || !e.isCardType.value) return;
+      const r = l.value;
+      r === "prev" ? e.prev() : r === "next" && e.next();
+    }
+    return (r, t) => {
+      var a, u, c, I;
+      return n.value !== -1 && !((a = s(e)) != null && a.isCardType.value) ? (d(), f("div", p({ key: 0 }, s(o), {
+        class: ["x-carousel-item", { "is-active": k.value }],
+        style: { transform: `translate${(u = s(e)) != null && u.isVertical.value ? "Y" : "X"}(${T.value * 100}%)` }
+      }), [
+        C(r.$slots, "default", {}, void 0, !0)
+      ], 16)) : n.value !== -1 && ((c = s(e)) != null && c.isCardType.value) ? (d(), f("div", p({ key: 1 }, s(o), {
+        class: ["x-carousel-item x-carousel-item--card", {
+          "is-active": l.value === "active",
+          "is-prev": l.value === "prev",
+          "is-next": l.value === "next",
+          "is-idle": l.value === "idle",
+          "is-vertical": (I = s(e)) == null ? void 0 : I.isVertical.value
+        }],
+        style: z.value
+      }), [
+        g("div", {
+          class: "x-carousel-card",
+          onClick: h
+        }, [
+          C(r.$slots, "default", {}, void 0, !0)
+        ])
+      ], 16)) : (d(), f("span", p({ key: 2 }, s(o), {
+        class: "x-carousel-item__placeholder",
+        "aria-hidden": "true"
+      }), null, 16));
+    };
+  }
+});
+export {
+  B as default
+};

package/dist/components/XCascader.vue.d.ts

@@ -123,46 +123,55 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
     clear: typeof clear;
     pickSearchResult: typeof pickSearchResult;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    change: (value: XCasModelValue, options?: XCasOption[] | undefined) => any;
-    clear: () => any;
     search: (value: string) => any;
     blur: (event: FocusEvent) => any;
+    change: (value: XCasModelValue, options?: XCasOption[] | undefined) => any;
     focus: (event: FocusEvent) => any;
-    "update:modelValue": (value: XCasModelValue) => any;
+    clear: () => any;
     "update:popupVisible": (value: boolean) => any;
     popupVisibleChange: (value: boolean) => any;
     "popup-visible-change": (value: boolean) => any;
     "update:open": (value: boolean) => any;
+    "update:modelValue": (value: XCasModelValue) => any;
     "update:inputValue": (value: string) => any;
     inputValueChange: (value: string) => any;
     "input-value-change": (value: string) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onChange?: ((value: XCasModelValue, options?: XCasOption[] | undefined) => any) | undefined;
-    onClear?: (() => any) | undefined;
     onSearch?: ((value: string) => any) | undefined;
     onBlur?: ((event: FocusEvent) => any) | undefined;
+    onChange?: ((value: XCasModelValue, options?: XCasOption[] | undefined) => any) | undefined;
     onFocus?: ((event: FocusEvent) => any) | undefined;
-    "onUpdate:modelValue"?: ((value: XCasModelValue) => any) | undefined;
+    onClear?: (() => any) | undefined;
     "onUpdate:popupVisible"?: ((value: boolean) => any) | undefined;
     onPopupVisibleChange?: ((value: boolean) => any) | undefined;
     "onPopup-visible-change"?: ((value: boolean) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: XCasModelValue) => any) | undefined;
     "onUpdate:inputValue"?: ((value: string) => any) | undefined;
     onInputValueChange?: ((value: string) => any) | undefined;
     "onInput-value-change"?: ((value: string) => any) | undefined;
 }>, {
-    disabled: boolean;
+    error: boolean;
     size: XSize;
+    disabled: boolean;
     open: boolean;
     multiple: boolean;
-    error: boolean;
     placeholder: string;
-    options: Array<Record<string, unknown> | XCasOption>;
-    loading: boolean;
     align: "left" | "center";
     popupVisible: boolean;
     defaultPopupVisible: boolean;
     popupContainer: string | HTMLElement;
+    defaultOpen: boolean;
+    options: Array<Record<string, unknown> | XCasOption>;
+    loading: boolean;
+    clearable: boolean;
+    filterOption: (inputValue: string, option: XCasOption) => boolean;
+    triggerProps: Record<string, any>;
+    virtualListProps: {
+        height?: number;
+        itemHeight?: number;
+        buffer?: number;
+    };
     allowSearch: boolean;
     defaultInputValue: string;
     expandTrigger: "click" | "hover";
@@ -172,20 +181,11 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
     fieldNames: XCasFieldNames;
     valueKey: string;
     expandChild: boolean;
-    virtualListProps: {
-        height?: number;
-        itemHeight?: number;
-        buffer?: number;
-    };
     maxTagCount: number;
     tagNowrap: boolean;
     searchOptionOnlyLabel: boolean;
     searchDelay: number;
-    filterOption: (inputValue: string, option: XCasOption) => boolean;
-    triggerProps: Record<string, any>;
-    defaultOpen: boolean;
     filterable: boolean;
-    clearable: boolean;
     changeOnSelect: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     searchInputRef: HTMLInputElement;