yc-design-vue 1.7.5 → 1.7.7

package/es/Tabs/TabsNavInk.vue.js

@@ -1,7 +1,62 @@
-import _sfc_main from "./TabsNavInk.vue2.js";
-/* empty css                */
-import _export_sfc from "../_virtual/_plugin-vue_export-helper.js";
-const TabsNavInk = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-cb869c14"]]);
+import { defineComponent, toRefs, computed, createElementBlock, openBlock, normalizeStyle } from "vue";
+import "../node_modules/tinycolor2/esm/tinycolor.js";
+import { valueToPx } from "../_shared/utils/dom.js";
+import { isUndefined } from "../_shared/utils/is.js";
+import "../_shared/utils/time.js";
+import "../Empty/index.js";
+/* empty css                             */
+import useContext from "./hooks/useContext.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "TabsNavInk",
+  props: {
+    curIndex: {},
+    panes: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const { curIndex, panes } = toRefs(props);
+    const { titleRefs, listRef, direction, editable } = useContext().inject();
+    const sliderStyle = computed(() => {
+      var _a, _b, _c;
+      const curPane = panes.value[curIndex.value];
+      const closeWidth = editable.value && (isUndefined(curPane.closable) || curPane.closable) ? 22 : 0;
+      const titleRef = titleRefs.value[curIndex.value];
+      const { left, top } = ((_b = (_a = listRef.value) == null ? void 0 : _a.getBoundingClientRect) == null ? void 0 : _b.call(_a)) ?? {
+        left: 0,
+        top: 0
+      };
+      const { scrollLeft, scrollTop } = listRef.value ?? {
+        scrollLeft: 0,
+        scrollTop: 0
+      };
+      const { left: curLeft, top: curTop } = ((_c = titleRef == null ? void 0 : titleRef.getBoundingClientRect) == null ? void 0 : _c.call(titleRef)) ?? {
+        left: 0,
+        top: 0
+      };
+      const { offsetHeight, offsetWidth } = titleRef ?? {
+        offsetHeight: 0,
+        offsetWidth: 0
+      };
+      if (direction.value == "horizontal") {
+        return {
+          width: valueToPx(offsetWidth + closeWidth),
+          left: valueToPx(curLeft - left + scrollLeft)
+        };
+      } else {
+        return {
+          height: valueToPx(offsetHeight),
+          top: valueToPx(curTop - top + scrollTop)
+        };
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: "yc-tabs-nav-ink",
+        style: normalizeStyle(sliderStyle.value)
+      }, null, 4);
+    };
+  }
+});
 export {
-  TabsNavInk as default
+  _sfc_main as default
 };

package/es/Tabs/TabsNavInk.vue3.js

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

package/es/Tabs/TabsTab.vue.js

@@ -1,7 +1,92 @@
-import _sfc_main from "./TabsTab.vue2.js";
-/* empty css             */
-import _export_sfc from "../_virtual/_plugin-vue_export-helper.js";
-const TabsTab = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-ef3205ae"]]);
+import { defineComponent, toRefs, onMounted, createElementBlock, openBlock, normalizeClass, unref, createElementVNode, createBlock, createCommentVNode, resolveDynamicComponent } from "vue";
+import useContext from "./hooks/useContext.js";
+import "../node_modules/tinycolor2/esm/tinycolor.js";
+import "../_shared/utils/dom.js";
+import { isUndefined } from "../_shared/utils/is.js";
+import "../_shared/utils/time.js";
+import "../Empty/index.js";
+/* empty css                             */
+import _sfc_main$1 from "./TabButton.vue.js";
+/* empty css               */
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "TabsTab",
+  props: {
+    node: {},
+    index: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const { node, index } = toRefs(props);
+    const {
+      computedActiveKey,
+      titleRefs,
+      tabRefs,
+      trigger,
+      editable,
+      type,
+      direction,
+      position,
+      headerPadding,
+      size,
+      emits
+    } = useContext().inject();
+    const renderTitle = (node2) => {
+      const { slots, title } = node2;
+      return slots.title ?? (() => title);
+    };
+    const handleChange = (node2, triggerType) => {
+      const { disabled, path } = node2;
+      if (computedActiveKey.value == path || disabled || triggerType != trigger.value) {
+        return;
+      }
+      computedActiveKey.value = path;
+      emits("change", path);
+      emits("tab-click", path);
+    };
+    const handleDel = async (node2) => {
+      emits("delete", node2.path);
+    };
+    onMounted(() => {
+      if (computedActiveKey.value != node.value.path) {
+        if (computedActiveKey.value || index.value) return;
+        computedActiveKey.value = node.value.path;
+        return;
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        tabindex: "0",
+        class: normalizeClass([
+          "yc-tabs-tab",
+          `yc-tabs-tab-type-${unref(type)}`,
+          `yc-tabs-tab-${unref(direction)}`,
+          `yc-tabs-tab-size-${unref(size)}`,
+          {
+            [`yc-tabs-tab-${unref(position)}`]: unref(position),
+            "yc-tabs-tab-no-padding": !unref(headerPadding) && unref(direction) == "horizontal" && ["line", "text"].includes(unref(type)),
+            "yc-tabs-tab-active": unref(computedActiveKey) == unref(node).path,
+            "yc-tabs-tab-disabled": unref(node).disabled
+          }
+        ]),
+        ref: (el) => unref(tabRefs)[unref(index)] = el,
+        onMouseenter: _cache[1] || (_cache[1] = ($event) => handleChange(unref(node), "hover")),
+        onClick: _cache[2] || (_cache[2] = ($event) => handleChange(unref(node), "click"))
+      }, [
+        createElementVNode("span", {
+          class: "yc-tabs-tab-title",
+          ref: (el) => unref(titleRefs)[unref(index)] = el
+        }, [
+          (openBlock(), createBlock(resolveDynamicComponent(renderTitle(unref(node)))))
+        ], 512),
+        unref(editable) && (unref(isUndefined)(unref(node).closable) || unref(node).closable) ? (openBlock(), createBlock(_sfc_main$1, {
+          key: 0,
+          type: "close",
+          onClick: _cache[0] || (_cache[0] = ($event) => handleDel(unref(node)))
+        })) : createCommentVNode("", true)
+      ], 34);
+    };
+  }
+});
 export {
-  TabsTab as default
+  _sfc_main as default
 };

package/es/Tabs/TabsTab.vue3.js

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

package/es/Tabs/index.js

@@ -1,13 +1,14 @@
-import _Tabs from "./Tabs.vue.js";
-import _sfc_main from "./TabPane.vue.js";
+import _sfc_main from "./Tabs.vue.js";
+/* empty css          */
+import _sfc_main$1 from "./TabPane.vue.js";
 /* empty css             */
-const Tabs = Object.assign(_Tabs, {
+const Tabs = Object.assign(_sfc_main, {
   install: (app) => {
-    app.component("Yc" + _Tabs.name, _Tabs);
     app.component("Yc" + _sfc_main.name, _sfc_main);
+    app.component("Yc" + _sfc_main$1.name, _sfc_main$1);
   }
 });
 export {
-  _sfc_main as TabPane,
+  _sfc_main$1 as TabPane,
   Tabs as default
 };

package/es/Tag/index.js

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

package/es/Tag/index.vue.js

@@ -1,7 +1,114 @@
-import _sfc_main from "./index.vue2.js";
-/* empty css           */
-import _export_sfc from "../_virtual/_plugin-vue_export-helper.js";
-const _Tag = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-1f61a919"]]);
+import { defineComponent, toRefs, computed, createElementBlock, createCommentVNode, unref, openBlock, normalizeStyle, normalizeClass, createElementVNode, createBlock, renderSlot, withCtx } from "vue";
+import { TAG_PRESET_COLORS } from "../_shared/constants/index.js";
+import "../node_modules/tinycolor2/esm/tinycolor.js";
+import "../_shared/utils/dom.js";
+import "../_shared/utils/time.js";
+import { getGlobalConfig } from "../_shared/utils/global-config.js";
+import useControlValue from "../_shared/utils/control.js";
+import Spin from "../Spin/index.js";
+import _sfc_main$1 from "../_shared/components/IconButton.vue.js";
+/* empty css                                    */
+/* empty css                                         */
+/* empty css                             */
+const _hoisted_1 = {
+  key: 0,
+  class: "yc-tag-icon"
+};
+const _hoisted_2 = { class: "yc-tag-label" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "Tag"
+  },
+  __name: "index",
+  props: {
+    color: { default: "default" },
+    size: { default: void 0 },
+    bordered: { type: Boolean, default: false },
+    visible: { type: Boolean, default: void 0 },
+    defaultVisible: { type: Boolean, default: true },
+    loading: { type: Boolean, default: false },
+    closable: { type: Boolean, default: false },
+    checkable: { type: Boolean, default: false },
+    checked: { type: Boolean, default: void 0 },
+    defaultChecked: { type: Boolean, default: true },
+    nowrap: { type: Boolean, default: false }
+  },
+  emits: ["update:visible", "update:checked", "close", "check"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const { visible, defaultVisible, checked, defaultChecked, checkable, color } = toRefs(props);
+    const { size } = getGlobalConfig(props);
+    const computedVisible = useControlValue(
+      visible,
+      defaultVisible.value,
+      (val) => emits("update:visible", val)
+    );
+    const computedChecked = useControlValue(
+      checked,
+      defaultChecked.value,
+      (val) => emits("update:checked", val)
+    );
+    const background = computed(() => {
+      return TAG_PRESET_COLORS.includes(color.value) ? "" : color.value;
+    });
+    const handleEvent = (type, ev) => {
+      if (type == "close") {
+        computedVisible.value = false;
+        emits("close", ev);
+      } else if (type == "check" && checkable.value) {
+        computedChecked.value = !computedChecked.value;
+        emits("check", computedChecked.value, ev);
+      }
+    };
+    return (_ctx, _cache) => {
+      return unref(computedVisible) ? (openBlock(), createElementBlock("label", {
+        key: 0,
+        class: normalizeClass([
+          "yc-tag",
+          `yc-tag-color-${unref(color)}`,
+          `yc-tag-size-${["small", "medium", "large"].includes(unref(size)) ? unref(size) : "medium"}`,
+          unref(TAG_PRESET_COLORS).includes(unref(color)) ? "yc-tag-preset-color" : "yc-tag-custom-color",
+          _ctx.nowrap ? "yc-tag-no-wrap" : "yc-tag-wrap",
+          {
+            "yc-tag-loading": _ctx.loading,
+            "yc-tag-bordered": _ctx.bordered,
+            "yc-tag-checked": unref(computedChecked),
+            "yc-tag-checkable": unref(checkable)
+          }
+        ]),
+        style: normalizeStyle({
+          background: background.value
+        }),
+        onClick: _cache[1] || (_cache[1] = ($event) => handleEvent("check", $event))
+      }, [
+        _ctx.$slots.icon ? (openBlock(), createElementBlock("div", _hoisted_1, [
+          renderSlot(_ctx.$slots, "icon")
+        ])) : createCommentVNode("", true),
+        createElementVNode("span", _hoisted_2, [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _ctx.closable ? (openBlock(), createBlock(unref(_sfc_main$1), {
+          key: 1,
+          "hover-size": 16,
+          "hover-color": "rgba(255, 255, 255, 0.2)",
+          class: "yc-tag-close-button",
+          onClick: _cache[0] || (_cache[0] = ($event) => handleEvent("close", $event))
+        }, {
+          default: withCtx(() => [
+            _ctx.$slots["close-icon"] ? renderSlot(_ctx.$slots, "close-icon", { key: 0 }) : createCommentVNode("", true)
+          ]),
+          _: 3
+        })) : createCommentVNode("", true),
+        _ctx.loading ? (openBlock(), createBlock(unref(Spin), {
+          key: 2,
+          size: 12,
+          class: "yc-tag-loading-icon"
+        })) : createCommentVNode("", true)
+      ], 6)) : createCommentVNode("", true);
+    };
+  }
+});
 export {
-  _Tag as default
+  _sfc_main as default
 };

package/es/Tag/index.vue3.js

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

package/es/Textarea/index.js

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

package/es/Textarea/index.vue.js

@@ -1,7 +1,165 @@
-import _sfc_main from "./index.vue2.js";
-/* empty css           */
-import _export_sfc from "../_virtual/_plugin-vue_export-helper.js";
-const _Textarea = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-410cecd1"]]);
+import { defineComponent, toRefs, ref, createElementBlock, openBlock, normalizeClass, unref, createCommentVNode, createElementVNode, createBlock, toDisplayString, normalizeStyle, withCtx, createTextVNode } from "vue";
+import useTextareaHeight from "./hooks/useTextareaHeight.js";
+import useLimitedInput from "../Input/hooks/useLimitedInput.js";
+import _sfc_main$2 from "../_shared/components/IconButton.vue.js";
+/* empty css                                    */
+import _sfc_main$1 from "../_shared/components/PreventFocus.vue.js";
+import "../node_modules/tinycolor2/esm/tinycolor.js";
+import "../_shared/utils/dom.js";
+import "../_shared/utils/time.js";
+import "../Empty/index.js";
+/* empty css                             */
+/* empty css                                         */
+const _hoisted_1 = ["value", "disabled", "readonly", "placeholder"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "Textarea"
+  },
+  __name: "index",
+  props: {
+    modelValue: { default: void 0 },
+    defaultValue: { default: "" },
+    placeholder: { default: "" },
+    disabled: { type: Boolean, default: false },
+    error: { type: [Boolean, Object], default: void 0 },
+    maxLength: { default: void 0 },
+    showWordLimit: { type: Boolean, default: false },
+    allowClear: { type: Boolean, default: false },
+    readonly: { type: Boolean, default: false },
+    autoSize: { type: [Boolean, Object], default: false },
+    wordLength: { type: Function, default: (value) => {
+      return value.length;
+    } },
+    wordSlice: { type: Function, default: (value, maxLength) => {
+      return value.slice(0, maxLength);
+    } },
+    enterPrevent: { type: Boolean, default: false },
+    showMirror: { type: Boolean, default: false }
+  },
+  emits: ["update:modelValue", "input", "change", "clear", "focus", "blur", "keydown"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const { autoSize } = toRefs(props);
+    const inputRef = ref();
+    const mirrorRef = ref();
+    const {
+      error,
+      computedValue,
+      showWordLimit,
+      showClearBtn,
+      curLength,
+      maxLength,
+      handleInput,
+      handleComposition
+    } = useLimitedInput({
+      props,
+      emits,
+      inputRef
+    });
+    const { style } = useTextareaHeight(mirrorRef, autoSize.value);
+    const handleEvent = async (type, e) => {
+      switch (type) {
+        case "input":
+          {
+            handleInput(e);
+          }
+          break;
+        case "change":
+          {
+            emits("change", computedValue.value, e);
+          }
+          break;
+        case "focus":
+        case "blur":
+          {
+            emits(type, e);
+          }
+          break;
+        case "clear":
+          {
+            computedValue.value = "";
+            emits("clear", e);
+          }
+          break;
+      }
+    };
+    __expose({
+      getInputRef() {
+        return inputRef.value;
+      },
+      getMirrorRef() {
+        return mirrorRef.value;
+      },
+      focus() {
+        var _a;
+        (_a = inputRef.value) == null ? void 0 : _a.focus();
+      },
+      blur() {
+        var _a;
+        (_a = inputRef.value) == null ? void 0 : _a.blur();
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass([
+          "yc-textarea-wrapper",
+          {
+            "yc-textarea-disabled": _ctx.disabled,
+            "yc-textarea-error": unref(error),
+            "yc-textarea-auto-size": unref(autoSize)
+          }
+        ])
+      }, [
+        unref(autoSize) || _ctx.showMirror ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          class: "yc-textarea-mirror",
+          ref_key: "mirrorRef",
+          ref: mirrorRef
+        }, toDisplayString(unref(computedValue)), 513)) : createCommentVNode("", true),
+        createElementVNode("textarea", {
+          value: unref(computedValue),
+          disabled: _ctx.disabled,
+          readonly: _ctx.readonly,
+          placeholder: _ctx.placeholder,
+          style: normalizeStyle(unref(style)),
+          class: "yc-textarea",
+          ref_key: "inputRef",
+          ref: inputRef,
+          onCompositionstart: _cache[0] || (_cache[0] = //@ts-ignore
+          (...args) => unref(handleComposition) && unref(handleComposition)(...args)),
+          onCompositionupdate: _cache[1] || (_cache[1] = //@ts-ignore
+          (...args) => unref(handleComposition) && unref(handleComposition)(...args)),
+          onCompositionend: _cache[2] || (_cache[2] = //@ts-ignore
+          (...args) => unref(handleComposition) && unref(handleComposition)(...args)),
+          onKeydown: _cache[3] || (_cache[3] = (ev) => {
+            ev.key == "Enter" && _ctx.enterPrevent && ev.preventDefault();
+            _ctx.$emit("keydown", ev);
+          }),
+          onInput: _cache[4] || (_cache[4] = ($event) => handleEvent("input", $event)),
+          onChange: _cache[5] || (_cache[5] = ($event) => handleEvent("change", $event)),
+          onFocus: _cache[6] || (_cache[6] = ($event) => handleEvent("focus", $event)),
+          onBlur: _cache[7] || (_cache[7] = ($event) => handleEvent("blur", $event))
+        }, null, 44, _hoisted_1),
+        unref(showWordLimit) ? (openBlock(), createBlock(unref(_sfc_main$1), {
+          key: 1,
+          tag: "span",
+          class: "yc-textarea-word-limit"
+        }, {
+          default: withCtx(() => [
+            createTextVNode(toDisplayString(unref(curLength)) + " / " + toDisplayString(unref(maxLength)), 1)
+          ]),
+          _: 1
+        })) : createCommentVNode("", true),
+        unref(showClearBtn) ? (openBlock(), createBlock(unref(_sfc_main$2), {
+          key: 2,
+          class: "yc-textarea-clear-button",
+          onClick: _cache[8] || (_cache[8] = ($event) => handleEvent("clear", $event))
+        })) : createCommentVNode("", true)
+      ], 2);
+    };
+  }
+});
 export {
-  _Textarea as default
+  _sfc_main as default
 };

package/es/Textarea/index.vue3.js

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