@1337exp/taoui 1.8.0 → 1.9.0

package/dist/index.d.ts

@@ -412,20 +412,36 @@ pointer: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 
 declare const __VLS_component_25: DefineComponent<ExtractPropTypes<__VLS_WithDefaults_23<__VLS_TypePropsToRuntimeProps_25<{
-variant?: "gap" | "line" | "text";
+/** `solid` — обычная линия. `dashed` — пунктир. `colored` — акцент. `gap` — пустой отступ. */
+variant?: "solid" | "dashed" | "colored" | "gap";
 size?: "small" | "medium" | "large" | "big";
+/** Подпись посередине. Не меняет стиль линии — для этого `variant`. */
+text?: string;
+/** Плавные края линии. У `gap` ничего не делает. */
+fade?: boolean;
 }>, {
 variant: string;
 size: string;
+text: string;
+fade: boolean;
 }>>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<__VLS_WithDefaults_23<__VLS_TypePropsToRuntimeProps_25<{
-variant?: "gap" | "line" | "text";
+/** `solid` — обычная линия. `dashed` — пунктир. `colored` — акцент. `gap` — пустой отступ. */
+variant?: "solid" | "dashed" | "colored" | "gap";
 size?: "small" | "medium" | "large" | "big";
+/** Подпись посередине. Не меняет стиль линии — для этого `variant`. */
+text?: string;
+/** Плавные края линии. У `gap` ничего не делает. */
+fade?: boolean;
 }>, {
 variant: string;
 size: string;
+text: string;
+fade: boolean;
 }>>> & Readonly<{}>, {
+text: string;
 size: "small" | "medium" | "large" | "big";
-variant: "gap" | "line" | "text";
+variant: "solid" | "dashed" | "colored" | "gap";
+fade: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 
 declare const __VLS_component_26: DefineComponent<ExtractPropTypes<__VLS_WithDefaults_24<__VLS_TypePropsToRuntimeProps_26<{

package/dist/index.mjs

@@ -2460,40 +2460,57 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
   }
 });
 const TaoTag = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["__scopeId", "data-v-f353f529"]]);
-const _hoisted_1$y = {
+const _hoisted_1$y = ["role", "aria-hidden"];
+const _hoisted_2$v = {
   key: 1,
-  class: "tao-divider-text"
+  class: "tao-divider__text"
 };
-const _hoisted_2$v = { class: "tao-divider-text__value" };
 const _hoisted_3$o = {
   key: 2,
-  class: "tao-divider-line"
+  class: "tao-divider__line tao-divider__line--end"
 };
 const _sfc_main$A = /* @__PURE__ */ defineComponent({
   ...{ name: "TaoDivider" },
   __name: "TaoDivider",
   props: {
-    variant: { default: "line" },
-    size: { default: "medium" }
+    variant: { default: "solid" },
+    size: { default: "medium" },
+    text: { default: "" },
+    fade: { type: Boolean, default: false }
   },
   setup(__props) {
     const props = __props;
+    const slots = useSlots();
     const gapSize = computed(() => props.size === "big" ? "large" : props.size);
+    const hasLabel = computed(() => Boolean(props.text) || Boolean(slots.default));
     return (_ctx, _cache) => {
-      return __props.variant === "gap" ? (openBlock(), createElementBlock("div", {
-        key: 0,
-        class: normalizeClass(["tao-divider-gap", `tao-divider-gap--${gapSize.value}`])
-      }, null, 2)) : __props.variant === "text" ? (openBlock(), createElementBlock("div", _hoisted_1$y, [
-        _cache[0] || (_cache[0] = createElementVNode("span", { class: "tao-divider-text__line tao-divider-text__line--left" }, null, -1)),
-        createElementVNode("span", _hoisted_2$v, [
-          renderSlot(_ctx.$slots, "default", {}, void 0, true)
-        ]),
-        _cache[1] || (_cache[1] = createElementVNode("span", { class: "tao-divider-text__line tao-divider-text__line--right" }, null, -1))
-      ])) : (openBlock(), createElementBlock("div", _hoisted_3$o));
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["tao-divider", [
+          `tao-divider--${__props.variant}`,
+          {
+            "tao-divider--labeled": hasLabel.value,
+            "tao-divider--fade": __props.fade && __props.variant !== "gap",
+            [`tao-divider--gap-${gapSize.value}`]: __props.variant === "gap"
+          }
+        ]]),
+        role: __props.variant === "gap" && !hasLabel.value ? void 0 : "separator",
+        "aria-hidden": __props.variant === "gap" && !hasLabel.value ? true : void 0
+      }, [
+        __props.variant !== "gap" ? (openBlock(), createElementBlock("span", {
+          key: 0,
+          class: normalizeClass(["tao-divider__line", { "tao-divider__line--start": hasLabel.value }])
+        }, null, 2)) : createCommentVNode("", true),
+        hasLabel.value ? (openBlock(), createElementBlock("span", _hoisted_2$v, [
+          renderSlot(_ctx.$slots, "default", {}, () => [
+            createTextVNode(toDisplayString(__props.text), 1)
+          ], true)
+        ])) : createCommentVNode("", true),
+        __props.variant !== "gap" && hasLabel.value ? (openBlock(), createElementBlock("span", _hoisted_3$o)) : createCommentVNode("", true)
+      ], 10, _hoisted_1$y);
     };
   }
 });
-const TaoDivider = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["__scopeId", "data-v-8187a15d"]]);
+const TaoDivider = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["__scopeId", "data-v-c1d072e5"]]);
 const _hoisted_1$x = {
   key: 0,
   class: "tao-fieldset__legend"