lew-ui 1.8.14 → 1.8.15

package/dist/index.es.js

@@ -3567,6 +3567,11 @@ const inputProps = {
     default: false,
     description: "\u662F\u5426\u53EA\u8BFB"
   },
+  copyable: {
+    type: Boolean,
+    default: false,
+    description: "\u662F\u5426\u5141\u8BB8\u590D\u5236\uFF08\u53EA\u5728readonly\u4E3Atrue\uFF0C\u4E14suffix\u4E3Afalse\u65F6\u751F\u6548\uFF09"
+  },
   showPassword: {
     type: Boolean,
     default: false,
@@ -3659,7 +3664,7 @@ const _hoisted_4$c = {
 };
 const _hoisted_5$9 = ["disabled", "placeholder", "type", "readonly"];
 const _hoisted_6$4 = {
-  key: 1,
+  key: 2,
   class: "lew-input-suffix"
 };
 const _hoisted_7$3 = {
@@ -3675,11 +3680,11 @@ const _hoisted_9$2 = {
   class: "lew-input-suffix-select"
 };
 const _hoisted_10$2 = {
-  key: 2,
+  key: 3,
   class: "lew-input-auto-width"
 };
 const _hoisted_11$1 = {
-  key: 3,
+  key: 4,
   class: "lew-input-controls"
 };
 const _sfc_main$y = defineComponent({
@@ -3709,6 +3714,8 @@ const _sfc_main$y = defineComponent({
     const prefixesValue = useVModel(props, "prefixesValue", emit);
     const suffixValue = useVModel(props, "suffixValue", emit);
     const lewInputRef = ref();
+    const isCopy = ref(false);
+    let timer2 = null;
     const _type = ref(props.type);
     const state = reactive({
       prefixesDropdown: "hide",
@@ -3815,6 +3822,24 @@ const _sfc_main$y = defineComponent({
       );
       return (item == null ? void 0 : item.label) || "";
     });
+    const copy = () => {
+      const textarea = document.createElement("textarea");
+      textarea.style.position = "fixed";
+      textarea.style.top = "-200vh";
+      textarea.value = modelValue.value;
+      document.body.appendChild(textarea);
+      textarea.select();
+      if (document.execCommand("copy")) {
+        LewMessage.success("\u590D\u5236\u6210\u529F\uFF01");
+        isCopy.value = true;
+        timer2 = setTimeout(() => {
+          isCopy.value = false;
+        }, 2e3);
+      } else {
+        LewMessage.error("\u590D\u5236\u5931\u8D25\uFF01");
+      }
+      document.body.removeChild(textarea);
+    };
     if (props.okByEnter) {
       watch(enter, (v) => {
         if (v && state.isFocus && modelValue.value) {
@@ -3822,6 +3847,9 @@ const _sfc_main$y = defineComponent({
         }
       });
     }
+    onUnmounted(() => {
+      clearTimeout(timer2);
+    });
     __expose({ toFocus });
     return (_ctx, _cache) => {
       const _directive_tooltip = resolveDirective("tooltip");
@@ -3873,6 +3901,17 @@ const _sfc_main$y = defineComponent({
             trigger: "mouseenter"
           }]
         ]) : createCommentVNode("v-if", true),
+        _ctx.copyable && _ctx.readonly && unref(modelValue) && !_ctx.suffix ? (openBlock(), createElementBlock("div", {
+          key: 1,
+          class: "lew-input-copy-btn",
+          onClick: copy
+        }, [
+          createVNode(unref(script), {
+            size: unref(getIconSize),
+            type: unref(isCopy) ? "check" : "copy",
+            class: normalizeClass({ "lew-input-copy-btn-check": unref(isCopy) })
+          }, null, 8, ["size", "type", "class"])
+        ])) : createCommentVNode("v-if", true),
         withDirectives(createElementVNode("input", {
           ref_key: "lewInputRef",
           ref: lewInputRef,
@@ -11549,7 +11588,6 @@ const _sfc_main$v = defineComponent({
         componentOptions.value.forEach((__e, i) => {
           var _a2, _b;
           if (_e.field.lastIndexOf(".") >= 0) {
-            console.log(_e.field);
             const _$fieldKey = (_a2 = _e.field) == null ? void 0 : _a2.substring(
               _e.field.lastIndexOf(".") + 1
             );
@@ -12612,7 +12650,6 @@ const _sfc_main$q = defineComponent({
             keyword
           });
         }
-        console.log(result);
         state.options = result;
       }
       state.loading = false;
@@ -19974,7 +20011,7 @@ var components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProp
   LewEmpty,
   emptyProps
 }, Symbol.toStringTag, { value: "Module" }));
-var index$7 = "";
+var index$6 = "";
 const warning$2 = (e) => {
   message({
     type: "warning",
@@ -20092,7 +20129,7 @@ const setMessage = ({ type, e }) => {
     }, e.duration || 3e3);
   }, 10);
 };
-var index$6 = {
+var LewMessage = {
   name: "LewMessage",
   warning: warning$2,
   info: info$2,
@@ -20631,7 +20668,7 @@ var LewLoading = {
 };
 var directives = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  LewMessage: index$6,
+  LewMessage,
   LewDialog: index$5,
   dialogProps,
   LewTooltip,
@@ -20665,4 +20702,4 @@ const install = function(Vue) {
 var index = {
   install
 };
-export { LewAlert, LewAvatar, LewBackTop, index$4 as LewBacktop, LewBadge, LewBreadcrumb, LewButton, LewCascader, LewCheckbox, LewCheckboxGroup, LewDate, LewDatePicker, LewDateRange, LewDateRangePicker, index$5 as LewDialog, LewDrawer, LewDropdown, LewEmpty, LewFlex, LewForm, script as LewIcon, LewInput, LewInputTag, LewLayout, LewLoading, LewMagicNumber, LewMagicText, LewMark, LewMenu, index$6 as LewMessage, LewModal, index$2 as LewNotification, LewPagination, LewPopok, LewPopover, LewRadioGroup, LewResult, LewSelect, LewSelectMultiple, LewSpace, LewSteps, LewSwitch, LewTable, LewTabs, LewTag, LewTextTrim, LewTextarea, LewTitle, LewTooltip, LewTreeSelect, SpaceOptions, alertProps, any2px, avatarProps, backTopProps, badgeProps, breadcrumbProps, buttonProps, cascaderProps, checkboxGroupProps, checkboxProps, datePickerProps, dateProps, dateRangePickerProps, dateRangeProps, index as default, dialogProps, drawerProps, dropdownProps, emptyProps, flexProps, formProps, genUid, getColorType, getIconType, getPosition, getStyle, inputProps, inputTagProps, lewSetForm, magicNumberProps, markProps, menuProps, modalProps, numFormat, object2class, paginationProps, popokProps, popoverProps, radioGroupProps, radioProps, resultProps, selectMultipleProps, selectProps, steps, switchProps, tableProps, tabsProps, tagProps, textTrimProps, textareaProps, titleProps };
+export { LewAlert, LewAvatar, LewBackTop, index$4 as LewBacktop, LewBadge, LewBreadcrumb, LewButton, LewCascader, LewCheckbox, LewCheckboxGroup, LewDate, LewDatePicker, LewDateRange, LewDateRangePicker, index$5 as LewDialog, LewDrawer, LewDropdown, LewEmpty, LewFlex, LewForm, script as LewIcon, LewInput, LewInputTag, LewLayout, LewLoading, LewMagicNumber, LewMagicText, LewMark, LewMenu, LewMessage, LewModal, index$2 as LewNotification, LewPagination, LewPopok, LewPopover, LewRadioGroup, LewResult, LewSelect, LewSelectMultiple, LewSpace, LewSteps, LewSwitch, LewTable, LewTabs, LewTag, LewTextTrim, LewTextarea, LewTitle, LewTooltip, LewTreeSelect, SpaceOptions, alertProps, any2px, avatarProps, backTopProps, badgeProps, breadcrumbProps, buttonProps, cascaderProps, checkboxGroupProps, checkboxProps, datePickerProps, dateProps, dateRangePickerProps, dateRangeProps, index as default, dialogProps, drawerProps, dropdownProps, emptyProps, flexProps, formProps, genUid, getColorType, getIconType, getPosition, getStyle, inputProps, inputTagProps, lewSetForm, magicNumberProps, markProps, menuProps, modalProps, numFormat, object2class, paginationProps, popokProps, popoverProps, radioGroupProps, radioProps, resultProps, selectMultipleProps, selectProps, steps, switchProps, tableProps, tabsProps, tagProps, textTrimProps, textareaProps, titleProps };