yc-design-vue 1.7.6 → 1.7.7

package/es/InputTag/index.vue2.js

@@ -1,323 +0,0 @@
-import { defineComponent, toRefs, ref, computed, createElementBlock, openBlock, normalizeClass, unref, createBlock, createCommentVNode, createElementVNode, createVNode, withCtx, renderSlot, toDisplayString, TransitionGroup, withDirectives, Fragment, renderList, createTextVNode, withKeys, normalizeStyle, isRef, vModelText } from "vue";
-import { nanoid } from "../node_modules/nanoid/index.browser.js";
-import { useElementSize } from "../node_modules/@vueuse/core/index.js";
-import "../node_modules/tinycolor2/esm/tinycolor.js";
-import { valueToPx } from "../_shared/utils/dom.js";
-import { isObject, isBoolean } from "../_shared/utils/is.js";
-import "../_shared/utils/time.js";
-import { getGlobalConfig } from "../_shared/utils/global-config.js";
-import useControlValue from "../_shared/utils/control.js";
-import Tag from "../Tag/index.js";
-import IconButton from "../_shared/components/IconButton.vue2.js";
-import _sfc_main$1 from "../_shared/components/PreventFocus.vue.js";
-/* empty css                                         */
-/* empty css                             */
-const _hoisted_1 = ["disabled", "readonly", "placeholder"];
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...{
-    name: "InputTag"
-  },
-  __name: "index",
-  props: {
-    modelValue: { default: void 0 },
-    defaultValue: { default: () => [] },
-    inputValue: { default: void 0 },
-    defaultInputValue: { default: "" },
-    placeholder: { default: "" },
-    disabled: { type: Boolean, default: false },
-    error: { type: Boolean, default: false },
-    readonly: { type: Boolean, default: false },
-    allowClear: { type: Boolean, default: false },
-    size: { default: void 0 },
-    maxTagCount: { default: 0 },
-    retainInputValue: { type: [Boolean, Object], default: false },
-    formatTag: {},
-    uniqueValue: { type: Boolean, default: false },
-    tagNowrap: { type: Boolean, default: false },
-    fieldNames: { default: () => {
-      return {
-        id: "id",
-        label: "label",
-        value: "value",
-        closeable: "closeable",
-        tagProps: "tagProps"
-      };
-    } },
-    allowCreate: { type: Boolean, default: true }
-  },
-  emits: ["update:modelValue", "update:inputValue", "input", "input-value-change", "focus", "blur", "press-enter", "remove", "clear"],
-  setup(__props, { expose: __expose, emit: __emit }) {
-    const props = __props;
-    const emits = __emit;
-    const {
-      modelValue,
-      defaultValue,
-      inputValue,
-      defaultInputValue,
-      allowClear,
-      disabled,
-      readonly,
-      uniqueValue,
-      retainInputValue,
-      allowCreate,
-      maxTagCount,
-      fieldNames,
-      tagNowrap
-    } = toRefs(props);
-    const { size } = getGlobalConfig(props);
-    const inputRef = ref();
-    const mirrorRef = ref();
-    const fieldKey = computed(() => {
-      return Object.fromEntries(
-        ["id", "label", "value", "closable", "tagProps"].map((key) => [
-          key,
-          fieldNames.value[key] ?? key
-        ])
-      );
-    });
-    const { width } = useElementSize(mirrorRef, void 0, {
-      box: "border-box"
-    });
-    const computedValue = useControlValue(
-      modelValue,
-      defaultValue.value,
-      (val) => emits("update:modelValue", val),
-      (val) => {
-        const { id, label, value, closable, tagProps } = fieldKey.value;
-        return val.map((v) => {
-          if (isObject(v)) {
-            const val2 = v;
-            val2[id] = val2[id] ?? nanoid();
-            val2[closable] = val2[closable] ?? true;
-            val2[tagProps] = val2[tagProps] ?? {
-              bordered: true,
-              nowrap: tagNowrap.value
-            };
-            return v;
-          }
-          const tagData = {};
-          tagData[id] = nanoid();
-          tagData[label] = v;
-          tagData[value] = v;
-          tagData[closable] = true;
-          tagData[tagProps] = {
-            bordered: true,
-            nowrap: tagNowrap.value
-          };
-          return tagData;
-        });
-      }
-    );
-    const computedInputValue = useControlValue(
-      inputValue,
-      defaultInputValue.value,
-      (val) => {
-        emits("update:inputValue", val);
-      }
-    );
-    const curList = computed(() => {
-      const visibleList = maxTagCount.value > 0 ? computedValue.value.slice(0, maxTagCount.value) : computedValue.value;
-      return {
-        visibleList,
-        hideList: computedValue.value.slice(maxTagCount.value)
-      };
-    });
-    const showClearBtn = computed(
-      () => allowClear.value && !disabled.value && !readonly.value && computedValue.value.length
-    );
-    const clearInputValue = () => {
-      if (isBoolean(retainInputValue.value) && retainInputValue.value || isObject(retainInputValue.value) && retainInputValue.value.create) {
-        return;
-      }
-      computedInputValue.value = "";
-    };
-    const handleEvent = (type, e, id) => {
-      var _a, _b;
-      const inputVal = (_a = computedInputValue.value) == null ? void 0 : _a.trim();
-      switch (type) {
-        case "input":
-        case "input-value-change":
-          {
-            const { value } = e.target;
-            emits(type, value, e);
-          }
-          break;
-        case "focus":
-        case "blur":
-          {
-            emits(type, e);
-            if (type == "blur") {
-              clearInputValue();
-            }
-          }
-          break;
-        case "pressEnter":
-          {
-            const { label, value, id: id2 } = fieldKey.value;
-            const isUnique = !uniqueValue.value || uniqueValue.value && !computedValue.value.find(
-              (item) => ((item == null ? void 0 : item[value]) ?? item) == inputVal
-            );
-            if (!inputVal || !allowCreate.value || !isUnique) {
-              return;
-            }
-            const tagData = {};
-            tagData[id2] = nanoid();
-            tagData[label] = computedInputValue.value;
-            tagData[value] = computedInputValue.value;
-            computedValue.value = [...computedValue.value, tagData];
-            emits("press-enter", e);
-            clearInputValue();
-          }
-          break;
-        case "close":
-          {
-            const arr = computedValue.value;
-            const value = arr.find((v) => v.id == id);
-            computedValue.value = arr.filter((v) => v.id != id);
-            emits("remove", value == null ? void 0 : value.value, e);
-          }
-          break;
-        case "remove":
-          {
-            if (inputVal || !((_b = computedValue.value) == null ? void 0 : _b.length)) return;
-            const value = computedValue.value[computedValue.value.length - 1];
-            computedValue.value = computedValue.value.slice(
-              0,
-              computedValue.value.length - 1
-            );
-            emits("remove", value.value, e);
-          }
-          break;
-        case "clear":
-          {
-            computedValue.value = [];
-            emits("clear", e);
-          }
-          break;
-      }
-    };
-    __expose({
-      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-input-tag",
-          `yc-input-tag-size-${unref(size)}`,
-          {
-            "yc-input-tag-no-value": !unref(computedValue).length,
-            "yc-input-tag-disabled": unref(disabled),
-            "yc-input-tag-error": _ctx.error,
-            "yc-input-tag-has-suffix": _ctx.$slots.suffix || showClearBtn.value
-          }
-        ]),
-        onMousedown: _cache[8] || (_cache[8] = (e) => e.preventDefault()),
-        onClick: _cache[9] || (_cache[9] = ($event) => {
-          var _a;
-          return (_a = inputRef.value) == null ? void 0 : _a.focus();
-        })
-      }, [
-        _ctx.$slots.prefix ? (openBlock(), createBlock(unref(_sfc_main$1), {
-          key: 0,
-          class: "yc-input-tag-prefix"
-        }, {
-          default: withCtx(() => [
-            renderSlot(_ctx.$slots, "prefix", {}, void 0, true)
-          ]),
-          _: 3
-        })) : createCommentVNode("", true),
-        createElementVNode("div", {
-          class: "yc-input-tag-mirror",
-          ref_key: "mirrorRef",
-          ref: mirrorRef
-        }, toDisplayString(unref(computedInputValue) || (unref(computedValue).length ? "" : _ctx.placeholder)), 513),
-        createVNode(TransitionGroup, {
-          name: "input-tag-zoom",
-          tag: "div",
-          class: "yc-input-tag-inner"
-        }, {
-          default: withCtx(() => [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(curList.value.visibleList, (item) => {
-              return renderSlot(_ctx.$slots, "tag", {
-                key: item == null ? void 0 : item[fieldKey.value.id],
-                tag: item
-              }, () => [
-                createVNode(unref(Tag), {
-                  closable: item[fieldKey.value.closable],
-                  bordered: item[fieldKey.value.tagProps].bordered,
-                  nowrap: item[fieldKey.value.tagProps].nowrap,
-                  checked: false,
-                  onClose: (ev) => handleEvent("close", ev, item == null ? void 0 : item[fieldKey.value.id])
-                }, {
-                  default: withCtx(() => [
-                    createTextVNode(toDisplayString(_ctx.formatTag ? _ctx.formatTag(item) : item[fieldKey.value.label]), 1)
-                  ]),
-                  _: 2
-                }, 1032, ["closable", "bordered", "nowrap", "onClose"])
-              ], true);
-            }), 128)),
-            unref(maxTagCount) > 0 && unref(computedValue).length > unref(maxTagCount) ? (openBlock(), createBlock(unref(Tag), {
-              nowrap: unref(tagNowrap),
-              checked: false,
-              bordered: "",
-              key: "yc-select-value-tag"
-            }, {
-              default: withCtx(() => [
-                createTextVNode(" +" + toDisplayString(curList.value.hideList.length) + "... ", 1)
-              ]),
-              _: 1
-            }, 8, ["nowrap"])) : createCommentVNode("", true),
-            withDirectives(createElementVNode("input", {
-              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(computedInputValue) ? computedInputValue.value = $event : null),
-              key: "yc-input-tag-input",
-              disabled: unref(disabled),
-              readonly: unref(readonly),
-              placeholder: unref(computedValue).length ? "" : _ctx.placeholder,
-              style: normalizeStyle({
-                width: unref(valueToPx)(unref(width))
-              }),
-              class: "yc-input-tag-input",
-              ref_key: "inputRef",
-              ref: inputRef,
-              onInput: _cache[1] || (_cache[1] = ($event) => handleEvent("input", $event)),
-              onChange: _cache[2] || (_cache[2] = ($event) => handleEvent("input-value-change", $event)),
-              onFocus: _cache[3] || (_cache[3] = ($event) => handleEvent("focus", $event)),
-              onBlur: _cache[4] || (_cache[4] = ($event) => handleEvent("blur", $event)),
-              onKeydown: [
-                _cache[5] || (_cache[5] = withKeys(($event) => handleEvent("pressEnter", $event), ["enter"])),
-                _cache[6] || (_cache[6] = withKeys(($event) => handleEvent("remove", $event), ["delete"]))
-              ]
-            }, null, 44, _hoisted_1), [
-              [vModelText, unref(computedInputValue)]
-            ])
-          ]),
-          _: 3
-        }),
-        _ctx.$slots.suffix || showClearBtn.value ? (openBlock(), createBlock(unref(_sfc_main$1), {
-          key: 1,
-          class: "yc-input-tag-suffix"
-        }, {
-          default: withCtx(() => [
-            showClearBtn.value ? (openBlock(), createBlock(unref(IconButton), {
-              key: 0,
-              class: "yc-input-tag-clear-button",
-              onClick: _cache[7] || (_cache[7] = ($event) => handleEvent("clear", $event))
-            })) : createCommentVNode("", true),
-            renderSlot(_ctx.$slots, "suffix", {}, void 0, true)
-          ]),
-          _: 3
-        })) : createCommentVNode("", true)
-      ], 34);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

package/es/Layout/Layout.vue2.js

@@ -1,45 +0,0 @@
-import { defineComponent, useSlots, toRefs, computed, createElementBlock, openBlock, normalizeClass, renderSlot } from "vue";
-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 LayoutSider from "./LayoutSider.vue.js";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...{
-    name: "Layout"
-  },
-  __name: "Layout",
-  props: {
-    hasSider: { type: Boolean, default: void 0 }
-  },
-  setup(__props) {
-    const slots = useSlots();
-    const props = __props;
-    const { hasSider: _hasSider } = toRefs(props);
-    const hasSider = computed(() => {
-      var _a;
-      if (!isUndefined(_hasSider.value)) return _hasSider.value;
-      const sider = (((_a = slots.default) == null ? void 0 : _a.call(slots)) || []).find(
-        (item) => item.type.name == LayoutSider.name
-      );
-      return !!sider;
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("section", {
-        class: normalizeClass([
-          "yc-layout",
-          {
-            "yc-layout-has-sider": hasSider.value
-          }
-        ])
-      }, [
-        renderSlot(_ctx.$slots, "default", {}, void 0, true)
-      ], 2);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

package/es/Layout/LayoutContent.vue2.js

@@ -1,18 +0,0 @@
-import { defineComponent, createElementBlock, openBlock, renderSlot } from "vue";
-const _hoisted_1 = { class: "yc-layout-content" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...{
-    name: "LayoutContent"
-  },
-  __name: "LayoutContent",
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("main", _hoisted_1, [
-        renderSlot(_ctx.$slots, "default", {}, void 0, true)
-      ]);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

package/es/Layout/LayoutFooter.vue2.js

@@ -1,18 +0,0 @@
-import { defineComponent, createElementBlock, openBlock, renderSlot } from "vue";
-const _hoisted_1 = { class: "yc-layout-footer" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...{
-    name: "LayoutFooter"
-  },
-  __name: "LayoutFooter",
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("footer", _hoisted_1, [
-        renderSlot(_ctx.$slots, "default", {}, void 0, true)
-      ]);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

package/es/Layout/LayoutHeader.vue2.js

@@ -1,18 +0,0 @@
-import { defineComponent, createElementBlock, openBlock, renderSlot } from "vue";
-const _hoisted_1 = { class: "yc-layout-header" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...{
-    name: "LayoutHeader"
-  },
-  __name: "LayoutHeader",
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("header", _hoisted_1, [
-        renderSlot(_ctx.$slots, "default", {}, void 0, true)
-      ]);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

package/es/Layout/LayoutSider.vue2.js

@@ -1,132 +0,0 @@
-import { defineComponent, toRefs, ref, computed, createBlock, createElementBlock, openBlock, unref, normalizeClass, withCtx, createElementVNode, createCommentVNode, renderSlot, createVNode, normalizeStyle } from "vue";
-import "../node_modules/tinycolor2/esm/tinycolor.js";
-import { mediaQueryHandler, valueToPx } from "../_shared/utils/dom.js";
-import "../_shared/utils/time.js";
-import "../Empty/index.js";
-/* empty css                             */
-import _sfc_main$1 from "../_shared/icons/IconArrowRight.vue.js";
-import useSiderContext from "./hooks/useSiderContext.js";
-import ResizeBox from "../ResizeBox/index.js";
-const _hoisted_1 = { class: "yc-layout-sider-children" };
-const _hoisted_2 = { class: "yc-layout-sider-children" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...{
-    name: "LayoutSider",
-    inheritAttrs: false
-  },
-  __name: "LayoutSider",
-  props: {
-    theme: { default: void 0 },
-    collapsed: { type: Boolean, default: void 0 },
-    defaultCollapsed: { type: Boolean, default: false },
-    collapsible: { type: Boolean, default: false },
-    width: { default: 200 },
-    collapsedWidth: { default: 48 },
-    reverseArrow: { type: Boolean, default: false },
-    breakpoint: { default: void 0 },
-    hideTrigger: { type: Boolean, default: false },
-    resizeDirections: { default: () => {
-      return [];
-    } }
-  },
-  emits: ["update:collapsed", "collapse", "breakpoint"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emits = __emit;
-    const {
-      collapsible,
-      breakpoint,
-      hideTrigger,
-      collapsedWidth,
-      width: _width
-    } = toRefs(props);
-    const { theme, computedCollapsed } = useSiderContext().provide(props, emits);
-    const asideWidth = ref(_width.value);
-    const showTrigger = computed(() => {
-      return !hideTrigger.value && collapsible.value;
-    });
-    const handleCollapse = () => {
-      if (!collapsible.value) return;
-      const value = !computedCollapsed.value;
-      computedCollapsed.value = value;
-      asideWidth.value = value ? collapsedWidth.value : _width.value;
-      emits("collapse", value, "clickTrigger");
-    };
-    mediaQueryHandler((_, order, i) => {
-      if (!collapsible.value || !breakpoint.value) return;
-      const value = i <= order[breakpoint.value];
-      computedCollapsed.value = value;
-      asideWidth.value = value ? collapsedWidth.value : _width.value;
-      emits("collapse", value, "responsive");
-      emits("breakpoint", value);
-    });
-    return (_ctx, _cache) => {
-      var _a;
-      return _ctx.resizeDirections.length ? (openBlock(), createBlock(unref(ResizeBox), {
-        key: 0,
-        width: asideWidth.value,
-        "onUpdate:width": _cache[0] || (_cache[0] = ($event) => asideWidth.value = $event),
-        directions: _ctx.resizeDirections,
-        class: normalizeClass([
-          "yc-layout-sider",
-          `yc-layout-sider-${unref(theme)}`,
-          _ctx.$attrs.class,
-          {
-            "yc-layout-sider-has-trigger": showTrigger.value
-          }
-        ])
-      }, {
-        default: withCtx(() => [
-          createElementVNode("div", _hoisted_1, [
-            renderSlot(_ctx.$slots, "default", {}, void 0, true)
-          ]),
-          showTrigger.value ? (openBlock(), createElementBlock("div", {
-            key: 0,
-            class: "yc-layout-sider-trigger",
-            onClick: handleCollapse
-          }, [
-            renderSlot(_ctx.$slots, "trigger", { collapsed: unref(computedCollapsed) }, () => [
-              createVNode(unref(_sfc_main$1), {
-                rotate: unref(computedCollapsed) && !_ctx.reverseArrow ? 0 : 180
-              }, null, 8, ["rotate"])
-            ], true)
-          ])) : createCommentVNode("", true)
-        ]),
-        _: 3
-      }, 8, ["width", "directions", "class"])) : (openBlock(), createElementBlock("aside", {
-        key: 1,
-        class: normalizeClass([
-          "yc-layout-sider",
-          "yc-layout-sider-translation",
-          `yc-layout-sider-${unref(theme)}`,
-          _ctx.$attrs.class,
-          {
-            "yc-layout-sider-has-trigger": showTrigger.value
-          }
-        ]),
-        style: normalizeStyle({
-          ..._ctx.$attrs.style || {},
-          width: unref(computedCollapsed) ? unref(valueToPx)(unref(collapsedWidth)) : ((_a = _ctx.$attrs.style) == null ? void 0 : _a.width) || unref(valueToPx)(asideWidth.value)
-        })
-      }, [
-        createElementVNode("div", _hoisted_2, [
-          renderSlot(_ctx.$slots, "default", {}, void 0, true)
-        ]),
-        showTrigger.value ? (openBlock(), createElementBlock("div", {
-          key: 0,
-          class: "yc-layout-sider-trigger",
-          onClick: handleCollapse
-        }, [
-          renderSlot(_ctx.$slots, "trigger", { collapsed: unref(computedCollapsed) }, () => [
-            createVNode(unref(_sfc_main$1), {
-              rotate: unref(computedCollapsed) && !_ctx.reverseArrow ? 0 : 180
-            }, null, 8, ["rotate"])
-          ], true)
-        ])) : createCommentVNode("", true)
-      ], 6));
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

package/es/Link/index.vue2.js

@@ -1,71 +0,0 @@
-import { defineComponent, toRefs, computed, createElementBlock, openBlock, normalizeClass, unref, createCommentVNode, renderSlot, createBlock } from "vue";
-import "../node_modules/tinycolor2/esm/tinycolor.js";
-import "../_shared/utils/dom.js";
-import "../_shared/utils/time.js";
-import "../Empty/index.js";
-/* empty css                             */
-import _sfc_main$1 from "../_shared/icons/IconLink.vue.js";
-import Spin from "../Spin/index.js";
-const _hoisted_1 = ["href"];
-const _hoisted_2 = {
-  key: 0,
-  class: "yc-link-icon"
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...{
-    name: "Link"
-  },
-  __name: "index",
-  props: {
-    href: { default: "" },
-    icon: { type: Boolean, default: false },
-    status: { default: "normal" },
-    hoverable: { type: Boolean, default: true },
-    disabled: { type: Boolean, default: false },
-    loading: { type: Boolean, default: false }
-  },
-  emits: ["click", "dblclick", "contextmenu"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emits = __emit;
-    const { disabled, loading, href } = toRefs(props);
-    const resultHref = computed(() => {
-      if (loading.value || disabled.value) return "javascript:void(0)";
-      return href.value || "javascript:void(0)";
-    });
-    const handleEvent = (type, e) => {
-      if (disabled.value || loading.value) return;
-      emits(type, e);
-    };
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("a", {
-        href: resultHref.value,
-        class: normalizeClass([
-          "yc-link",
-          `yc-link-status-${_ctx.status}`,
-          {
-            "yc-link-hoverable": _ctx.hoverable && !unref(disabled) && !unref(loading),
-            "yc-link-loading": unref(loading),
-            "yc-link-disabled": unref(disabled)
-          }
-        ]),
-        onClick: _cache[0] || (_cache[0] = ($event) => handleEvent("click", $event)),
-        onDblclick: _cache[1] || (_cache[1] = ($event) => handleEvent("dblclick", $event)),
-        onContextmenu: _cache[2] || (_cache[2] = ($event) => handleEvent("contextmenu", $event))
-      }, [
-        _ctx.$slots.icon || _ctx.icon || unref(loading) ? (openBlock(), createElementBlock("span", _hoisted_2, [
-          !unref(loading) ? renderSlot(_ctx.$slots, "icon", { key: 0 }, () => [
-            _ctx.icon ? (openBlock(), createBlock(unref(_sfc_main$1), { key: 0 })) : createCommentVNode("", true)
-          ], true) : (openBlock(), createBlock(unref(Spin), {
-            key: 1,
-            "is-size-inherit": ""
-          }))
-        ])) : createCommentVNode("", true),
-        renderSlot(_ctx.$slots, "default", {}, void 0, true)
-      ], 42, _hoisted_1);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};