yc-design-vue 1.7.5 → 1.7.7

package/es/Trigger/index.vue.js

@@ -1,7 +1,188 @@
-import _sfc_main from "./index.vue2.js";
-/* empty css           */
-import _export_sfc from "../_virtual/_plugin-vue_export-helper.js";
-const _Trigger = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-744f9169"]]);
+import { defineComponent, useSlots, toRefs, ref, computed, createElementBlock, openBlock, Fragment, createBlock, resolveDynamicComponent, unref, withModifiers, Teleport, createVNode, Transition, withCtx, withDirectives, createCommentVNode, normalizeStyle, normalizeClass, createElementVNode, renderSlot, vShow } from "vue";
+import "../node_modules/tinycolor2/esm/tinycolor.js";
+import "../_shared/utils/dom.js";
+import "../_shared/utils/time.js";
+import { findFirstLegitChild } from "../_shared/utils/vue-utils.js";
+import { getGlobalConfig } from "../_shared/utils/global-config.js";
+import useTriggerVisible from "./hooks/useTriggerVisible.js";
+import useTriggerPosition from "./hooks/useTriggerPosition.js";
+/* empty css                             */
+/* empty css                                    */
+import _sfc_main$1 from "../_shared/components/PreventFocus.vue.js";
+/* empty css                                         */
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "Trigger",
+    inheritAttrs: false
+  },
+  __name: "index",
+  props: {
+    popupVisible: { type: Boolean, default: void 0 },
+    defaultPopupVisible: { type: Boolean, default: false },
+    trigger: { default: "hover" },
+    position: { default: "bottom" },
+    disabled: { type: Boolean, default: false },
+    popupOffset: { default: 0 },
+    popupTranslate: { default: () => [0, 0] },
+    showArrow: { type: Boolean, default: false },
+    popuphoverStay: { type: Boolean },
+    blurToClose: { type: Boolean, default: true },
+    clickToClose: { type: Boolean, default: true },
+    clickOutsideToClose: { type: Boolean, default: true },
+    unmountOnClose: { type: Boolean, default: true },
+    contentClass: { default: "" },
+    contentStyle: { default: () => {
+      return {};
+    } },
+    arrowClass: { default: "" },
+    arrowStyle: { default: () => {
+      return {};
+    } },
+    animationName: { default: "fade" },
+    duration: { default: 400 },
+    mouseEnterDelay: { default: 100 },
+    mouseLeaveDelay: { default: 100 },
+    focusDelay: { default: 0 },
+    autoFitPopupWidth: { type: Boolean, default: false },
+    autoFitPopupMinWidth: { type: Boolean, default: false },
+    popupContainer: { default: void 0 },
+    renderToBody: { type: Boolean, default: true },
+    autoFitPosition: { type: Boolean, default: true },
+    updateAtScroll: { type: Boolean, default: void 0 },
+    preventFocus: { type: Boolean, default: false },
+    alignPoint: { type: Boolean, default: false },
+    scrollToClose: { type: Boolean, default: void 0 },
+    scrollToCloseDistance: { default: 1 },
+    needTransformOrigin: { type: Boolean, default: false },
+    autoSetPosition: { type: Boolean, default: false },
+    onTriggerMouseenter: {},
+    onTriggerMouseleave: {},
+    onTriggerMouseclick: {},
+    onTriggerFocus: {},
+    onTriggerBlur: {},
+    onClickOutSide: {}
+  },
+  emits: ["update:popupVisible", "popup-visible-change", "show", "hide"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const slots = useSlots();
+    const props = __props;
+    const emits = __emit;
+    const { popupContainer: _popupContainer } = toRefs(props);
+    const { popupContainer } = getGlobalConfig(props);
+    const popupRef = ref();
+    const triggerRef = ref();
+    const arrowRef = ref();
+    const vNode = computed(() => {
+      var _a;
+      return findFirstLegitChild(((_a = slots.default) == null ? void 0 : _a.call(slots)) || []);
+    });
+    const {
+      computedVisible,
+      mouseX,
+      mouseY,
+      handleClickEvent,
+      handleMouseenter,
+      handleMouseleave,
+      handleFocus,
+      handleBlur
+    } = useTriggerVisible({
+      props,
+      emits,
+      popupRef,
+      triggerRef
+    });
+    const { position, popupStyle, contentStyle, arrowStyle } = useTriggerPosition({
+      props,
+      computedVisible,
+      popupRef,
+      triggerRef,
+      arrowRef,
+      mouseX,
+      mouseY
+    });
+    __expose({
+      hide() {
+        computedVisible.value = false;
+      },
+      show() {
+        computedVisible.value = true;
+      },
+      updatePosition(x, y) {
+        mouseX.value = x;
+        mouseY.value = y;
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(Fragment, null, [
+        (openBlock(), createBlock(resolveDynamicComponent(vNode.value), {
+          ref_key: "triggerRef",
+          ref: triggerRef,
+          onClick: _cache[0] || (_cache[0] = ($event) => unref(handleClickEvent)($event, "click")),
+          onContextmenu: _cache[1] || (_cache[1] = withModifiers(($event) => unref(handleClickEvent)($event, "contextMenu"), ["prevent"])),
+          onMouseenter: unref(handleMouseenter),
+          onMouseleave: unref(handleMouseleave),
+          onFocus: unref(handleFocus),
+          onBlur: unref(handleBlur)
+        }, null, 40, ["onMouseenter", "onMouseleave", "onFocus", "onBlur"])),
+        (openBlock(), createBlock(Teleport, {
+          to: unref(popupContainer),
+          disabled: !_ctx.renderToBody
+        }, [
+          createVNode(Transition, {
+            name: _ctx.animationName,
+            duration: _ctx.duration,
+            onAfterLeave: _cache[2] || (_cache[2] = ($event) => _ctx.$emit("hide")),
+            onAfterEnter: _cache[3] || (_cache[3] = ($event) => _ctx.$emit("show"))
+          }, {
+            default: withCtx(() => [
+              !_ctx.unmountOnClose || unref(computedVisible) && !_ctx.disabled ? withDirectives((openBlock(), createBlock(unref(_sfc_main$1), {
+                key: 0,
+                "prevent-focus": _ctx.preventFocus,
+                class: normalizeClass([
+                  "yc-trigger",
+                  `yc-trigger-position-${unref(position)}`,
+                  {
+                    "yc-trigger-transform-origin": _ctx.needTransformOrigin,
+                    "yc-trigger-absolute": unref(_popupContainer)
+                  },
+                  _ctx.$attrs.class
+                ]),
+                style: normalizeStyle({
+                  ...unref(popupStyle),
+                  ..._ctx.$attrs.style || {}
+                }),
+                ref_key: "popupRef",
+                ref: popupRef,
+                onMouseenter: unref(handleMouseenter),
+                onMouseleave: unref(handleMouseleave)
+              }, {
+                default: withCtx(() => [
+                  createElementVNode("div", {
+                    class: normalizeClass(["yc-trigger-content", _ctx.contentClass]),
+                    style: normalizeStyle(unref(contentStyle))
+                  }, [
+                    renderSlot(_ctx.$slots, "content")
+                  ], 6),
+                  _ctx.showArrow ? (openBlock(), createElementBlock("div", {
+                    key: 0,
+                    class: normalizeClass(["yc-trigger-arrow", _ctx.arrowClass]),
+                    style: normalizeStyle(unref(arrowStyle)),
+                    ref_key: "arrowRef",
+                    ref: arrowRef
+                  }, null, 6)) : createCommentVNode("", true)
+                ]),
+                _: 3
+              }, 8, ["prevent-focus", "class", "style", "onMouseenter", "onMouseleave"])), [
+                [vShow, unref(computedVisible) && !_ctx.disabled]
+              ]) : createCommentVNode("", true)
+            ]),
+            _: 3
+          }, 8, ["name", "duration"])
+        ], 8, ["to", "disabled"]))
+      ], 64);
+    };
+  }
+});
 export {
-  _Trigger as default
+  _sfc_main as default
 };

package/es/Trigger/index.vue3.js

@@ -0,0 +1,5 @@
+import _sfc_main from "./index.vue.js";
+/* empty css           */
+export {
+  _sfc_main as default
+};

package/es/Typography/TypographyBase.vue.js

@@ -1,7 +1,204 @@
-import _sfc_main from "./TypographyBase.vue2.js";
-/* empty css                    */
-import _export_sfc from "../_virtual/_plugin-vue_export-helper.js";
-const TypographyBase = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-628f1b37"]]);
+import { defineComponent, toRefs, ref, computed, createBlock, openBlock, resolveDynamicComponent, normalizeClass, unref, withCtx, createElementBlock, createCommentVNode, isRef, renderSlot, createVNode, mergeProps, createElementVNode, createTextVNode, toDisplayString, h } from "vue";
+import { useClipboard } from "../node_modules/@vueuse/core/index.js";
+import "../node_modules/tinycolor2/esm/tinycolor.js";
+import { getDomText, sleep } from "../_shared/utils/dom.js";
+import "../_shared/utils/time.js";
+import "../Empty/index.js";
+/* empty css                             */
+import _sfc_main$3 from "../_shared/icons/IconCopy.vue2.js";
+import _sfc_main$1 from "../_shared/icons/IconEdit.vue2.js";
+import _sfc_main$2 from "../_shared/icons/IconInfo.vue.js";
+import useControlValue from "../_shared/utils/control.js";
+import Input from "../Input/index.js";
+import Tooltip from "../Tooltip/index.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "TypographyBase"
+  },
+  __name: "TypographyBase",
+  props: {
+    tag: { default: "span" },
+    type: { default: void 0 },
+    bold: { type: Boolean, default: false },
+    disabled: { type: Boolean },
+    mark: { type: Boolean, default: false },
+    underline: { type: Boolean, default: false },
+    delete: { type: Boolean, default: false },
+    code: { type: Boolean, default: false },
+    editable: { type: Boolean, default: false },
+    editing: { type: Boolean, default: void 0 },
+    defaultEditing: { type: Boolean, default: false },
+    editText: { default: "" },
+    copyable: { type: Boolean, default: false },
+    copyText: { default: "" },
+    copyDelay: { default: 3e3 },
+    ellipsis: { type: [Boolean, Object], default: true },
+    editTooltiProps: { default: () => {
+      return {};
+    } },
+    copyTooltiProps: { default: () => {
+      return {};
+    } }
+  },
+  emits: ["update:editing", "update:editText", "edit-start", "change", "copy", "edit-end", "ellipsis", "expand"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const {
+      editing,
+      defaultEditing,
+      editText,
+      copyText,
+      copyable,
+      copyDelay,
+      code,
+      mark,
+      delete: deletable,
+      underline,
+      bold
+    } = toRefs(props);
+    const { isSupported, copy } = useClipboard();
+    const isCopied = ref(false);
+    const contentRef = ref();
+    const inputRef = ref();
+    const computedEditing = useControlValue(
+      editing,
+      defaultEditing.value,
+      (val) => {
+        emits("update:editing", val);
+      }
+    );
+    const computedText = useControlValue(editText, "", (val) => {
+      emits("update:editText", val);
+      emits("change", val);
+    });
+    ref({});
+    const tags = computed(() => {
+      const tags2 = ["mark", "code", "del", "u", "b"];
+      const attrs = [
+        mark.value,
+        code.value,
+        deletable.value,
+        underline.value,
+        bold.value
+      ];
+      return tags2.filter((_, i) => attrs[i]);
+    });
+    const DynamicTag = defineComponent({
+      props: {
+        tags: { type: Array, default: () => [] }
+      },
+      setup(props2, { slots }) {
+        return () => {
+          var _a;
+          const { tags: tags2 } = toRefs(props2);
+          const renderContent = (content, index) => {
+            return index >= tags2.value.length ? content : h(tags2.value[index], null, renderContent(content, index + 1));
+          };
+          return renderContent((_a = slots.default) == null ? void 0 : _a.call(slots), 0);
+        };
+      }
+    });
+    const handleEdit = async () => {
+      var _a;
+      computedEditing.value = true;
+      computedText.value = computedText.value ? computedText.value : getDomText(contentRef);
+      emits("edit-start");
+      await sleep(0);
+      (_a = inputRef.value) == null ? void 0 : _a.focus();
+    };
+    const handleEditEnd = () => {
+      computedEditing.value = false;
+      emits("edit-end");
+    };
+    const handleCopy = async () => {
+      if (!copyable.value || !isSupported.value || isCopied.value) return;
+      const value = copyText.value || getDomText(contentRef);
+      copy(value);
+      emits("copy", value);
+      isCopied.value = true;
+      await sleep(copyDelay.value);
+      isCopied.value = false;
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(resolveDynamicComponent(_ctx.tag), {
+        class: normalizeClass([
+          "yc-typography",
+          {
+            [`yc-typography-${_ctx.type}`]: _ctx.type,
+            "yc-typography-bold": unref(bold),
+            "yc-typography-disabled": _ctx.disabled,
+            "yc-typography-underline": unref(underline),
+            "yc-typography-delete": unref(deletable)
+          }
+        ]),
+        ref_key: "contentRef",
+        ref: contentRef
+      }, {
+        default: withCtx(() => [
+          unref(computedEditing) ? (openBlock(), createBlock(unref(Input), {
+            key: 0,
+            modelValue: unref(computedText),
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(computedText) ? computedText.value = $event : null),
+            ref_key: "inputRef",
+            ref: inputRef,
+            onBlur: handleEditEnd
+          }, null, 8, ["modelValue"])) : (openBlock(), createBlock(unref(DynamicTag), {
+            key: 1,
+            tags: tags.value
+          }, {
+            default: withCtx(() => [
+              renderSlot(_ctx.$slots, "default")
+            ]),
+            _: 3
+          }, 8, ["tags"])),
+          _ctx.editable && !unref(computedEditing) ? (openBlock(), createElementBlock("span", {
+            key: 2,
+            class: "yc-typography-operation-edit",
+            onClick: handleEdit
+          }, [
+            createVNode(unref(Tooltip), mergeProps({
+              content: "编辑",
+              position: "top"
+            }, _ctx.editTooltiProps), {
+              default: withCtx(() => [
+                createElementVNode("span", null, [
+                  createVNode(unref(_sfc_main$1))
+                ])
+              ]),
+              _: 1
+            }, 16)
+          ])) : createCommentVNode("", true),
+          unref(copyable) ? (openBlock(), createElementBlock("span", {
+            key: 3,
+            class: "yc-typography-operation-copy",
+            onClick: handleCopy
+          }, [
+            createVNode(unref(Tooltip), mergeProps({ position: "top" }, _ctx.copyTooltiProps), {
+              content: withCtx(() => [
+                renderSlot(_ctx.$slots, "copy-tooltip", { copied: isCopied.value }, () => [
+                  createTextVNode(toDisplayString(`${isCopied.value ? "已复制" : "复制"}`), 1)
+                ])
+              ]),
+              default: withCtx(() => [
+                createElementVNode("span", null, [
+                  renderSlot(_ctx.$slots, "copy-icon", { copied: isCopied.value }, () => [
+                    isCopied.value ? (openBlock(), createBlock(unref(_sfc_main$2), {
+                      key: 0,
+                      color: "rgb(0, 180, 42)"
+                    })) : (openBlock(), createBlock(unref(_sfc_main$3), { key: 1 }))
+                  ])
+                ])
+              ]),
+              _: 3
+            }, 16)
+          ])) : createCommentVNode("", true)
+        ]),
+        _: 3
+      }, 8, ["class"]);
+    };
+  }
+});
 export {
-  TypographyBase as default
+  _sfc_main as default
 };

package/es/Typography/TypographyBase.vue3.js

@@ -0,0 +1,5 @@
+import _sfc_main from "./TypographyBase.vue.js";
+/* empty css                    */
+export {
+  _sfc_main as default
+};

package/es/Typography/TypographyParagraph.vue.js

@@ -1,7 +1,51 @@
-import _sfc_main from "./TypographyParagraph.vue2.js";
-/* empty css                         */
-import _export_sfc from "../_virtual/_plugin-vue_export-helper.js";
-const TypographyParagraph = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-4255e4b4"]]);
+import { defineComponent, createBlock, openBlock, mergeProps, createSlots, withCtx, renderSlot, normalizeProps, guardReactiveProps } from "vue";
+import _sfc_main$1 from "./TypographyBase.vue.js";
+/* empty css                    */
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "TypographyParagraph"
+  },
+  __name: "TypographyParagraph",
+  props: {
+    blockquote: { type: Boolean, default: false },
+    spacing: { default: "default" }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(_sfc_main$1, mergeProps(_ctx.$attrs, {
+        tag: _ctx.blockquote ? "blockquote" : "div",
+        class: [`yc-typography-spacing-${_ctx.spacing}`]
+      }), createSlots({
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 2
+      }, [
+        _ctx.$slots["copy-icon"] ? {
+          name: "copy-icon",
+          fn: withCtx((scope) => [
+            renderSlot(_ctx.$slots, "copy-icon", normalizeProps(guardReactiveProps(scope)))
+          ]),
+          key: "0"
+        } : void 0,
+        _ctx.$slots["copy-tooltip"] ? {
+          name: "copy-tooltip",
+          fn: withCtx((scope) => [
+            renderSlot(_ctx.$slots, "copy-tooltip", normalizeProps(guardReactiveProps(scope)))
+          ]),
+          key: "1"
+        } : void 0,
+        _ctx.$slots["expand-node"] ? {
+          name: "expand-node",
+          fn: withCtx((scope) => [
+            renderSlot(_ctx.$slots, "expand-node", normalizeProps(guardReactiveProps(scope)))
+          ]),
+          key: "2"
+        } : void 0
+      ]), 1040, ["tag", "class"]);
+    };
+  }
+});
 export {
-  TypographyParagraph as default
+  _sfc_main as default
 };

package/es/Typography/TypographyParagraph.vue3.js

@@ -0,0 +1,5 @@
+import _sfc_main from "./TypographyParagraph.vue.js";
+/* empty css                         */
+export {
+  _sfc_main as default
+};

package/es/Typography/TypographyText.vue.js

@@ -1,5 +1,6 @@
 import { defineComponent, createBlock, openBlock, normalizeProps, guardReactiveProps, createSlots, withCtx, renderSlot } from "vue";
-import TypographyBase from "./TypographyBase.vue.js";
+import _sfc_main$1 from "./TypographyBase.vue.js";
+/* empty css                    */
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: "TypographyText"
@@ -7,7 +8,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "TypographyText",
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(TypographyBase, normalizeProps(guardReactiveProps(_ctx.$attrs)), createSlots({
+      return openBlock(), createBlock(_sfc_main$1, normalizeProps(guardReactiveProps(_ctx.$attrs)), createSlots({
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "default")
         ]),

package/es/Typography/TypographyTitle.vue.js

@@ -1,7 +1,52 @@
-import _sfc_main from "./TypographyTitle.vue2.js";
-/* empty css                     */
-import _export_sfc from "../_virtual/_plugin-vue_export-helper.js";
-const TypographyTitle = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-8073ffe7"]]);
+import { defineComponent, toRefs, computed, createBlock, openBlock, mergeProps, createSlots, withCtx, renderSlot, normalizeProps, guardReactiveProps } from "vue";
+import _sfc_main$1 from "./TypographyBase.vue.js";
+/* empty css                    */
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "TypographyTitle"
+  },
+  __name: "TypographyTitle",
+  props: {
+    heading: { default: 1 }
+  },
+  setup(__props) {
+    const props = __props;
+    const { heading } = toRefs(props);
+    const tag = computed(() => {
+      return [1, 2, 3, 4, 5, 6].includes(heading.value) ? `h${heading.value}` : "h1";
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(_sfc_main$1, mergeProps({ tag: tag.value }, _ctx.$attrs), createSlots({
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 2
+      }, [
+        _ctx.$slots["copy-icon"] ? {
+          name: "copy-icon",
+          fn: withCtx((scope) => [
+            renderSlot(_ctx.$slots, "copy-icon", normalizeProps(guardReactiveProps(scope)))
+          ]),
+          key: "0"
+        } : void 0,
+        _ctx.$slots["copy-tooltip"] ? {
+          name: "copy-tooltip",
+          fn: withCtx((scope) => [
+            renderSlot(_ctx.$slots, "copy-tooltip", normalizeProps(guardReactiveProps(scope)))
+          ]),
+          key: "1"
+        } : void 0,
+        _ctx.$slots["expand-node"] ? {
+          name: "expand-node",
+          fn: withCtx((scope) => [
+            renderSlot(_ctx.$slots, "expand-node", normalizeProps(guardReactiveProps(scope)))
+          ]),
+          key: "2"
+        } : void 0
+      ]), 1040, ["tag"]);
+    };
+  }
+});
 export {
-  TypographyTitle as default
+  _sfc_main as default
 };

package/es/Typography/TypographyTitle.vue3.js

@@ -0,0 +1,5 @@
+import _sfc_main from "./TypographyTitle.vue.js";
+/* empty css                     */
+export {
+  _sfc_main as default
+};

package/es/Typography/index.css

@@ -1 +1 @@
-.yc-typography{color:var(--color-text-1);line-height:1.5715;white-space:normal;overflow-wrap:anywhere}.yc-typography ul{list-style:circle}.yc-typography ul li{margin-left:20px}.yc-typography{margin-top:1em;margin-bottom:.5em;font-weight:500}h1.yc-typography{font-size:36px;line-height:1.23}h2.yc-typography{font-size:32px;line-height:1.25}h3.yc-typography{font-size:28px;line-height:1.29}h4.yc-typography{font-size:24px;line-height:1.33}h5.yc-typography{font-size:20px;line-height:1.4}h6.yc-typography{font-size:16px;line-height:1.5}.yc-typography blockquote{margin:0 0 1em;padding-left:8px;background-color:var(--color-bg-2);border-left:2px solid var(--color-neutral-6)}.yc-typography-spacing-close{line-height:1.3}.yc-typography{color:var(--color-text-1);line-height:1.5715;white-space:normal;overflow-wrap:anywhere}.yc-typography:deep(mark){background-color:rgb(var(--yellow-4))}.yc-typography:deep(code){margin:0 2px;padding:2px 8px;background-color:var(--color-fill-2);border:1px solid var(--color-border-2);border-radius:var(--border-radius-small);font-size:85%;color:var(--color-text-2)}.yc-typography:deep(del){text-decoration:line-through}.yc-typography:deep(u){text-decoration:underline}.yc-typography:deep(b){font-weight:500}.yc-typography .yc-typography-operation-edit,.yc-typography .yc-typography-operation-copy{cursor:pointer;height:100%;padding:2px;margin-left:2px;border-radius:var(--border-radius-small);transition:background-color .1s cubic-bezier(0, 0, 1, 1);color:var(--color-text-3);display:inline-flex;align-items:center}.yc-typography .yc-typography-operation-edit>span,.yc-typography .yc-typography-operation-copy>span{display:flex;align-items:center}.yc-typography .yc-typography-operation-edit:hover,.yc-typography .yc-typography-operation-copy:hover{color:var(--color-text-2);background-color:var(--color-fill-2)}.yc-typography-primary{color:rgb(var(--primary-6))}.yc-typography-secondary{color:var(--color-text-2)}.yc-typography-success{color:rgb(var(--success-6))}.yc-typography-danger{color:rgb(var(--danger-6))}.yc-typography-warning{color:rgb(var(--warning-6))}.yc-typography-disabled{color:var(--color-text-4);cursor:not-allowed}
+.yc-typography{color:var(--color-text-1);line-height:1.5715;white-space:normal;overflow-wrap:anywhere}.yc-typography ul{list-style:circle}.yc-typography ul li{margin-left:20px}.yc-typography{margin-top:1em;margin-bottom:.5em;font-weight:500}h1.yc-typography{font-size:36px;line-height:1.23}h2.yc-typography{font-size:32px;line-height:1.25}h3.yc-typography{font-size:28px;line-height:1.29}h4.yc-typography{font-size:24px;line-height:1.33}h5.yc-typography{font-size:20px;line-height:1.4}h6.yc-typography{font-size:16px;line-height:1.5}.yc-typography blockquote{margin:0 0 1em;padding-left:8px;background-color:var(--color-bg-2);border-left:2px solid var(--color-neutral-6)}.yc-typography-spacing-close{line-height:1.3}.yc-typography{color:var(--color-text-1);line-height:1.5715;white-space:normal;overflow-wrap:anywhere}.yc-typography mark{background-color:rgb(var(--yellow-4))}.yc-typography code{margin:0 2px;padding:2px 8px;background-color:var(--color-fill-2);border:1px solid var(--color-border-2);border-radius:var(--border-radius-small);font-size:85%;color:var(--color-text-2)}.yc-typography del{text-decoration:line-through}.yc-typography u{text-decoration:underline}.yc-typography b{font-weight:500}.yc-typography .yc-typography-operation-edit,.yc-typography .yc-typography-operation-copy{cursor:pointer;height:100%;padding:2px;margin-left:2px;border-radius:var(--border-radius-small);transition:background-color .1s cubic-bezier(0, 0, 1, 1);color:var(--color-text-3);display:inline-flex;align-items:center}.yc-typography .yc-typography-operation-edit>span,.yc-typography .yc-typography-operation-copy>span{display:flex;align-items:center}.yc-typography .yc-typography-operation-edit:hover,.yc-typography .yc-typography-operation-copy:hover{color:var(--color-text-2);background-color:var(--color-fill-2)}.yc-typography-primary{color:rgb(var(--primary-6))}.yc-typography-secondary{color:var(--color-text-2)}.yc-typography-success{color:rgb(var(--success-6))}.yc-typography-danger{color:rgb(var(--danger-6))}.yc-typography-warning{color:rgb(var(--warning-6))}.yc-typography-disabled{color:var(--color-text-4);cursor:not-allowed}

package/es/Typography/index.js

@@ -1,19 +1,21 @@
 import _sfc_main from "./Typography.vue.js";
 /* empty css                */
-import TypographyParagraph from "./TypographyParagraph.vue.js";
-import TypographyTitle from "./TypographyTitle.vue.js";
-import _sfc_main$1 from "./TypographyText.vue.js";
+import _sfc_main$1 from "./TypographyParagraph.vue.js";
+/* empty css                         */
+import _sfc_main$2 from "./TypographyTitle.vue.js";
+/* empty css                     */
+import _sfc_main$3 from "./TypographyText.vue.js";
 const Typography = Object.assign(_sfc_main, {
   install: (app) => {
     app.component("Yc" + _sfc_main.name, _sfc_main);
-    app.component("Yc" + TypographyParagraph.name, TypographyParagraph);
-    app.component("Yc" + TypographyTitle.name, TypographyTitle);
     app.component("Yc" + _sfc_main$1.name, _sfc_main$1);
+    app.component("Yc" + _sfc_main$2.name, _sfc_main$2);
+    app.component("Yc" + _sfc_main$3.name, _sfc_main$3);
   }
 });
 export {
-  TypographyParagraph,
-  _sfc_main$1 as TypographyText,
-  TypographyTitle,
+  _sfc_main$1 as TypographyParagraph,
+  _sfc_main$3 as TypographyText,
+  _sfc_main$2 as TypographyTitle,
   Typography as default
 };

package/es/VerificationCode/index.css

@@ -1 +1 @@
-.yc-verification-code{width:100%;display:flex;justify-content:space-between;align-items:center}.yc-verification-code:deep(.yc-input-outer) .yc-input-wrapper{padding:0}.yc-verification-code:deep(.yc-input-outer) .yc-input-wrapper .yc-input{text-align:center}.yc-verification-code:deep(.yc-input-outer).yc-input-disabled-write .yc-input-wrapper{opacity:1;cursor:text}.yc-verification-code:deep(.yc-input-outer).yc-input-disabled-write .yc-input-wrapper:hover{background-color:var(--color-fill-3)}.yc-verification-code:deep(.yc-input-outer).yc-input-disabled-write .yc-input-wrapper:focus-within{border-color:transparent}.yc-verification-code-size-mini:deep(.yc-input-outer){width:24px}.yc-verification-code-size-small:deep(.yc-input-outer){width:28px}.yc-verification-code-size-medium:deep(.yc-input-outer){width:32px}.yc-verification-code-size-large:deep(.yc-input-outer){width:36px}
+.yc-verification-code{width:100%;display:flex;justify-content:space-between;align-items:center}.yc-verification-code .yc-input-outer .yc-input-wrapper{padding:0}.yc-verification-code .yc-input-outer .yc-input-wrapper .yc-input{text-align:center}.yc-verification-code .yc-input-outer.yc-input-disabled-write .yc-input-wrapper{opacity:1;cursor:text}.yc-verification-code .yc-input-outer.yc-input-disabled-write .yc-input-wrapper:hover{background-color:var(--color-fill-3)}.yc-verification-code .yc-input-outer.yc-input-disabled-write .yc-input-wrapper:focus-within{border-color:transparent}.yc-verification-code-size-mini .yc-input-outer{width:24px}.yc-verification-code-size-small .yc-input-outer{width:28px}.yc-verification-code-size-medium .yc-input-outer{width:32px}.yc-verification-code-size-large .yc-input-outer{width:36px}

package/es/VerificationCode/index.js

@@ -1,7 +1,8 @@
-import _VerificationCode from "./index.vue.js";
-const VerificationCode = Object.assign(_VerificationCode, {
+import _sfc_main from "./index.vue.js";
+/* empty css           */
+const VerificationCode = Object.assign(_sfc_main, {
   install: (app) => {
-    app.component("Yc" + _VerificationCode.name, _VerificationCode);
+    app.component("Yc" + _sfc_main.name, _sfc_main);
   }
 });
 export {