npm - arco-vue - Versions diffs - 1.0.0 - Mend

@@ -0,0 +1,86 @@
+import { defineComponent, ref, onMounted, onUpdated, createVNode, mergeProps, isVNode } from "vue";
+import Tooltip from "../../tooltip/index.js";
+import ResizeObserver from "../resize-observer-v2.js";
+import { getPrefixCls } from "../../_utils/global-config.js";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+var AutoTooltip = defineComponent({
+  name: "AutoTooltip",
+  inheritAttrs: false,
+  props: {
+    tooltipProps: {
+      type: Object
+    }
+  },
+  setup(props, {
+    attrs,
+    slots
+  }) {
+    const prefix = getPrefixCls("auto-tooltip");
+    const containerRef = ref();
+    const contentRef = ref();
+    const text = ref("");
+    const showTooltip = ref(false);
+    const calTooltip = () => {
+      if (containerRef.value && contentRef.value) {
+        const _show = contentRef.value.offsetWidth > containerRef.value.offsetWidth;
+        if (_show !== showTooltip.value) {
+          showTooltip.value = _show;
+        }
+      }
+    };
+    const getText = () => {
+      var _a;
+      if (((_a = contentRef.value) == null ? void 0 : _a.textContent) && contentRef.value.textContent !== text.value) {
+        text.value = contentRef.value.textContent;
+      }
+    };
+    const onResize = () => {
+      getText();
+      calTooltip();
+    };
+    onMounted(() => {
+      getText();
+      calTooltip();
+    });
+    onUpdated(() => {
+      getText();
+      calTooltip();
+    });
+    const renderContent = () => {
+      return createVNode("span", mergeProps({
+        "ref": containerRef,
+        "class": prefix
+      }, attrs), [createVNode(ResizeObserver, {
+        "onResize": onResize
+      }, {
+        default: () => {
+          var _a;
+          return [createVNode("span", {
+            "ref": contentRef,
+            "class": `${prefix}-content`
+          }, [(_a = slots.default) == null ? void 0 : _a.call(slots)])];
+        }
+      })]);
+    };
+    return () => {
+      let _slot2;
+      if (showTooltip.value) {
+        let _slot;
+        return createVNode(Tooltip, mergeProps({
+          "content": text.value,
+          "onResize": onResize
+        }, props.tooltipProps), _isSlot(_slot = renderContent()) ? _slot : {
+          default: () => [_slot]
+        });
+      }
+      return createVNode(ResizeObserver, {
+        "onResize": onResize
+      }, _isSlot(_slot2 = renderContent()) ? _slot2 : {
+        default: () => [_slot2]
+      });
+    };
+  }
+});
+export { AutoTooltip as default };

@@ -0,0 +1,4 @@
+import "../../../style/index.css";
+import "../../../trigger/style/index.css";
+import "../../../tooltip/style/index.css";
+import "./index.css";

@@ -0,0 +1,23 @@
+/******** borderSize *******/
+/******** borderStyle *******/
+/******** radius *******/
+/******** shadow distance *******/
+/******** size *******/
+/******** spacing *******/
+/******** shadow *******/
+/******** opacity *******/
+/******** fontSize *******/
+/******** fontWeight ********/
+/******** Primary *******/
+/******** success *******/
+/******** warning *******/
+/******** danger *******/
+/******** link *******/
+/******** radius *******/
+/********* icon hover *********/
+.arco-auto-tooltip {
+  display: block;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}

@@ -0,0 +1,4 @@
+import "../../../style/index.less";
+import "../../../trigger/style/index.less";
+import "../../../tooltip/style/index.less";
+import "./index.less";

@@ -0,0 +1,10 @@
+@import '../../../style/theme/index.less';
+@auto-tooltip-prefix-cls: ~'@{prefix}-auto-tooltip';
+.@{auto-tooltip-prefix-cls} {
+  display: block;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}

	@@ -0,0 +1,2 @@
1	+ declare const _default;
2	+ export default _default;

	@@ -0,0 +1,2 @@
1	+ import '../../../tooltip/style';
2	+ import './index.less';

@@ -0,0 +1,4 @@
+declare const _default: import("vue").DefineComponent<{}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>[] | null | undefined, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

@@ -0,0 +1,18 @@
+import { defineComponent, ref, onMounted } from "vue";
+var ClientOnly = defineComponent({
+  name: "ClientOnly",
+  setup(_, {
+    slots
+  }) {
+    const mounted = ref(false);
+    onMounted(() => mounted.value = true);
+    return () => {
+      var _a;
+      if (mounted.value) {
+        return (_a = slots.default) == null ? void 0 : _a.call(slots);
+      }
+      return null;
+    };
+  }
+});
+export { ClientOnly as default };

@@ -0,0 +1,17 @@
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    type: {
+        type: StringConstructor;
+    };
+}>, {
+    cls: import("vue").ComputedRef<string[]>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    type: {
+        type: StringConstructor;
+    };
+}>> & Readonly<{}>, {}, {}, {
+    IconLoading: any;
+    IconCheckCircleFill: any;
+    IconExclamationCircleFill: any;
+    IconCloseCircleFill: any;
+}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

@@ -0,0 +1,44 @@
+import { defineComponent, computed, resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, createCommentVNode } from "vue";
+import IconLoading from "../icon/icon-loading/index.js";
+import IconCheckCircleFill from "../icon/icon-check-circle-fill/index.js";
+import IconExclamationCircleFill from "../icon/icon-exclamation-circle-fill/index.js";
+import IconCloseCircleFill from "../icon/icon-close-circle-fill/index.js";
+import { getPrefixCls } from "../_utils/global-config.js";
+import _export_sfc from "../_virtual/plugin-vue_export-helper.js";
+const _sfc_main = defineComponent({
+  name: "FeedbackIcon",
+  components: {
+    IconLoading,
+    IconCheckCircleFill,
+    IconExclamationCircleFill,
+    IconCloseCircleFill
+  },
+  props: {
+    type: {
+      type: String
+    }
+  },
+  setup(props) {
+    const prefixCls = getPrefixCls("feedback-icon");
+    const cls = computed(() => [
+      prefixCls,
+      `${prefixCls}-status-${props.type}`
+    ]);
+    return {
+      cls
+    };
+  }
+});
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_icon_loading = resolveComponent("icon-loading");
+  const _component_icon_check_circle_fill = resolveComponent("icon-check-circle-fill");
+  const _component_icon_exclamation_circle_fill = resolveComponent("icon-exclamation-circle-fill");
+  const _component_icon_close_circle_fill = resolveComponent("icon-close-circle-fill");
+  return openBlock(), createElementBlock("span", {
+    class: normalizeClass(_ctx.cls)
+  }, [
+    _ctx.type === "validating" ? (openBlock(), createBlock(_component_icon_loading, { key: 0 })) : _ctx.type === "success" ? (openBlock(), createBlock(_component_icon_check_circle_fill, { key: 1 })) : _ctx.type === "warning" ? (openBlock(), createBlock(_component_icon_exclamation_circle_fill, { key: 2 })) : _ctx.type === "error" ? (openBlock(), createBlock(_component_icon_close_circle_fill, { key: 3 })) : createCommentVNode("v-if", true)
+  ], 2);
+}
+var FeedbackIcon = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { FeedbackIcon as default };

@@ -0,0 +1,32 @@
+import type { PropType } from 'vue';
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    prefix: {
+        type: StringConstructor;
+    };
+    size: {
+        type: PropType<"mini" | "medium" | "large" | "small">;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {
+    prefixCls: string;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    prefix: {
+        type: StringConstructor;
+    };
+    size: {
+        type: PropType<"mini" | "medium" | "large" | "small">;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    disabled: boolean;
+    size: "mini" | "medium" | "large" | "small";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

@@ -0,0 +1,41 @@
+import { defineComponent, openBlock, createElementBlock, normalizeClass, renderSlot } from "vue";
+import { getPrefixCls } from "../_utils/global-config.js";
+import _export_sfc from "../_virtual/plugin-vue_export-helper.js";
+const _sfc_main = defineComponent({
+  name: "IconHover",
+  props: {
+    prefix: {
+      type: String
+    },
+    size: {
+      type: String,
+      default: "medium"
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    }
+  },
+  setup() {
+    const prefixCls = getPrefixCls("icon-hover");
+    return {
+      prefixCls
+    };
+  }
+});
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("span", {
+    class: normalizeClass([
+      _ctx.prefixCls,
+      {
+        [`${_ctx.prefix}-icon-hover`]: _ctx.prefix,
+        [`${_ctx.prefixCls}-size-${_ctx.size}`]: _ctx.size !== "medium",
+        [`${_ctx.prefixCls}-disabled`]: _ctx.disabled
+      }
+    ])
+  }, [
+    renderSlot(_ctx.$slots, "default")
+  ], 2);
+}
+var IconHover = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { IconHover as default };

@@ -0,0 +1,4 @@
+import { PropType } from 'vue';
+import { SelectViewValue } from '../select-view/interface';
+declare const _default;
+export default _default;

@@ -0,0 +1,156 @@
+import { defineComponent, toRefs, computed, createVNode, mergeProps } from "vue";
+import { omit } from "../../_utils/omit.js";
+import { INPUT_EVENTS } from "../../_utils/constant.js";
+import pick from "../../_utils/pick.js";
+import { getPrefixCls } from "../../_utils/global-config.js";
+import { useInput } from "../../_hooks/use-input.js";
+import { useFormItem } from "../../_hooks/use-form-item.js";
+import { useSize } from "../../_hooks/use-size.js";
+var InputLabel = defineComponent({
+  name: "InputLabel",
+  inheritAttrs: false,
+  props: {
+    modelValue: Object,
+    inputValue: {
+      type: String,
+      default: ""
+    },
+    enabledInput: Boolean,
+    formatLabel: Function,
+    placeholder: String,
+    retainInputValue: Boolean,
+    disabled: Boolean,
+    baseCls: String,
+    size: String,
+    error: Boolean,
+    focused: Boolean,
+    uninjectFormItemContext: Boolean
+  },
+  emits: ["update:inputValue", "inputValueChange", "focus", "blur"],
+  setup(props, {
+    attrs,
+    emit,
+    slots
+  }) {
+    var _a;
+    const {
+      size,
+      disabled,
+      error,
+      inputValue,
+      uninjectFormItemContext
+    } = toRefs(props);
+    const prefixCls = (_a = props.baseCls) != null ? _a : getPrefixCls("input-label");
+    const {
+      mergedSize: _mergedSize,
+      mergedDisabled,
+      mergedError,
+      eventHandlers
+    } = useFormItem({
+      size,
+      disabled,
+      error,
+      uninject: uninjectFormItemContext == null ? void 0 : uninjectFormItemContext.value
+    });
+    const {
+      mergedSize
+    } = useSize(_mergedSize);
+    const {
+      inputRef,
+      _focused,
+      computedValue: computedInputValue,
+      handleInput,
+      handleComposition,
+      handleFocus,
+      handleBlur,
+      handleMousedown
+    } = useInput({
+      modelValue: inputValue,
+      emit,
+      eventName: "inputValueChange",
+      updateEventName: "update:inputValue",
+      eventHandlers
+    });
+    const mergedFocused = computed(() => {
+      var _a2;
+      return (_a2 = props.focused) != null ? _a2 : _focused.value;
+    });
+    const showInput = computed(() => props.enabledInput && _focused.value || !props.modelValue);
+    const formatLabel = () => {
+      var _a2, _b;
+      if (props.modelValue) {
+        return (_b = (_a2 = props.formatLabel) == null ? void 0 : _a2.call(props, props.modelValue)) != null ? _b : props.modelValue.label;
+      }
+      return "";
+    };
+    const mergedPlaceholder = computed(() => {
+      if (props.enabledInput && props.modelValue) {
+        return formatLabel();
+      }
+      return props.placeholder;
+    });
+    const renderLabel = () => {
+      var _a2, _b;
+      if (props.modelValue) {
+        return (_b = (_a2 = slots.default) == null ? void 0 : _a2.call(slots, {
+          data: props.modelValue
+        })) != null ? _b : formatLabel();
+      }
+      return null;
+    };
+    const cls = computed(() => [prefixCls, `${prefixCls}-size-${mergedSize.value}`, {
+      [`${prefixCls}-search`]: props.enabledInput,
+      [`${prefixCls}-focus`]: mergedFocused.value,
+      [`${prefixCls}-disabled`]: mergedDisabled.value,
+      [`${prefixCls}-error`]: mergedError.value
+    }]);
+    const wrapperAttrs = computed(() => omit(attrs, INPUT_EVENTS));
+    const inputAttrs = computed(() => pick(attrs, INPUT_EVENTS));
+    const render = () => createVNode("span", mergeProps(wrapperAttrs.value, {
+      "class": cls.value,
+      "title": formatLabel(),
+      "onMousedown": handleMousedown
+    }), [slots.prefix && createVNode("span", {
+      "class": `${prefixCls}-prefix`
+    }, [slots.prefix()]), createVNode("input", mergeProps(inputAttrs.value, {
+      "ref": inputRef,
+      "class": [`${prefixCls}-input`, {
+        [`${prefixCls}-input-hidden`]: !showInput.value
+      }],
+      "value": computedInputValue.value,
+      "readonly": !props.enabledInput,
+      "placeholder": mergedPlaceholder.value,
+      "disabled": mergedDisabled.value,
+      "onInput": handleInput,
+      "onFocus": handleFocus,
+      "onBlur": handleBlur,
+      "onCompositionstart": handleComposition,
+      "onCompositionupdate": handleComposition,
+      "onCompositionend": handleComposition
+    }), null), createVNode("span", {
+      "class": [`${prefixCls}-value`, {
+        [`${prefixCls}-value-hidden`]: showInput.value
+      }]
+    }, [renderLabel()]), slots.suffix && createVNode("span", {
+      "class": `${prefixCls}-suffix`
+    }, [slots.suffix()])]);
+    return {
+      inputRef,
+      render
+    };
+  },
+  methods: {
+    focus() {
+      var _a;
+      (_a = this.inputRef) == null ? void 0 : _a.focus();
+    },
+    blur() {
+      var _a;
+      (_a = this.inputRef) == null ? void 0 : _a.blur();
+    }
+  },
+  render() {
+    return this.render();
+  }
+});
+export { InputLabel as default };

arco-vue 1.0.0