vue-devui 1.0.0-rc.3 → 1.0.0-rc.4

package/vue-devui.es.js

@@ -206,13 +206,13 @@ var AlertInstall = {
     app.component(Alert.name, Alert);
   }
 };
-const defaultFormatter = (item2) => {
-  if (typeof item2 === "string") {
-    return item2;
+const defaultFormatter = (item) => {
+  if (typeof item === "string") {
+    return item;
   }
-  return item2 !== null ? item2.label || item2.toString() : "";
+  return item !== null ? item.label || item.toString() : "";
 };
-const defaultValueParse = (item2) => item2;
+const defaultValueParse = (item) => item;
 const autoCompleteProps = {
   modelValue: {
     type: String,
@@ -305,8 +305,8 @@ const autoCompleteProps = {
 };
 const DropdownPropsKey = Symbol("DropdownPropsKey");
 function useCustomTemplate(ctx2, modelValue) {
-  const itemTemplate = (item2, index) => {
-    const arr = { item: item2, index };
+  const itemTemplate = (item, index) => {
+    const arr = { item, index };
     if (ctx2.slots.item) {
       return ctx2.slots.item(arr);
     }
@@ -344,11 +344,11 @@ function useSearchFn(ctx2, allowEmptyValueSearch, source, searchFn, formatter) {
   const showNoResultItemTemplate = ref(false);
   const defaultSearchFn = (term) => {
     const arr = [];
-    source.value.forEach((item2) => {
-      let cur = formatter.value(item2);
+    source.value.forEach((item) => {
+      let cur = formatter.value(item);
       cur = cur.toLowerCase();
       if (cur.startsWith(term)) {
-        arr.push(item2);
+        arr.push(item);
       }
     });
     return arr;
@@ -455,21 +455,21 @@ function useSelectHandle(ctx2, searchList, selectValue, handleSearch, formatter,
       return 0;
     }
     let ind = 0;
-    searchList.value.forEach((item2, index) => {
-      if (typeof item2 === "string") {
-        if (item2 === cur) {
+    searchList.value.forEach((item, index) => {
+      if (typeof item === "string") {
+        if (item === cur) {
           ind = index;
         }
       } else {
-        if (String(item2.label) === cur) {
+        if (String(item.label) === cur) {
           ind = index;
         }
       }
     });
     return ind === -1 ? 0 : ind;
   };
-  const selectOptionClick = async (item2) => {
-    const cur = formatter.value(item2);
+  const selectOptionClick = async (item) => {
+    const cur = formatter.value(item);
     ctx2.emit("update:modelValue", cur);
     handleClose();
     await handleSearch(cur);
@@ -561,14 +561,13 @@ function useKeyBoardHandle(dropDownRef, visible, searchList, selectedIndex, sear
     handlekeyDown
   };
 }
-var autoComplete = "";
 class View {
   constructor() {
     __publicField(this, "top", "50%");
     __publicField(this, "left", "50%");
   }
 }
-const componentProps = {
+const loadingProps = {
   message: String,
   backdrop: Boolean,
   view: {
@@ -581,7 +580,7 @@ const componentProps = {
     default: false
   }
 };
-class LoadingProps {
+class LoadingOptions {
   constructor() {
     __publicField(this, "target");
     __publicField(this, "message");
@@ -596,7 +595,7 @@ var loading$1 = "";
 var Loading = defineComponent({
   name: "DLoading",
   inheritAttrs: false,
-  props: componentProps,
+  props: loadingProps,
   setup(props) {
     const style = {
       top: props.view.top,
@@ -668,14 +667,18 @@ function unmountComponent(ComponnetInstance) {
 const loadingConstructor$1 = defineComponent(Loading);
 const cacheInstance = /* @__PURE__ */ new WeakSet();
 const isEmpty = (val) => {
-  if (!val)
+  if (!val) {
     return true;
-  if (Array.isArray(val))
+  }
+  if (Array.isArray(val)) {
     return val.length === 0;
-  if (val instanceof Set || val instanceof Map)
+  }
+  if (val instanceof Set || val instanceof Map) {
     return val.size === 0;
-  if (val instanceof Promise)
+  }
+  if (val instanceof Promise) {
     return false;
+  }
   if (typeof val === "object") {
     try {
       return Object.keys(val).length === 0;
@@ -709,11 +712,13 @@ const unmount = (el) => {
   unmountComponent(el.instance);
 };
 const toggleLoading = (el, binding) => {
+  var _a, _b, _c;
   if (binding.value) {
     const vals = isPromise(binding.value);
-    if (vals === "error")
+    if (vals === "error") {
       return;
-    el.instance.proxy.open();
+    }
+    (_c = (_b = (_a = el == null ? void 0 : el.instance) == null ? void 0 : _a.proxy) == null ? void 0 : _b.open) == null ? void 0 : _c.call(_b);
     el.appendChild(el.mask);
     cacheInstance.add(el);
     if (vals) {
@@ -737,7 +742,7 @@ const removeAttribute = (el) => {
 };
 const handleProps = (el, vprops) => {
   var _a;
-  const props = __spreadValues(__spreadValues({}, new LoadingProps()), vprops);
+  const props = __spreadValues(__spreadValues({}, new LoadingOptions()), vprops);
   const loadingTemplateRef = props.loadingTemplateRef;
   const loadingInstance = createComponent$1(loadingConstructor$1, __spreadValues({}, props), loadingTemplateRef ? () => loadingTemplateRef : null);
   el.style.position = props.positionType;
@@ -752,8 +757,9 @@ const loadingDirective = {
     !isEmpty(binding.value) && toggleLoading(el, binding);
   },
   updated: function(el, binding, vnode) {
-    if (!isEmpty(binding.value) && cacheInstance.has(el) || isEmpty(binding.value) && !cacheInstance.has(el))
+    if (!isEmpty(binding.value) && cacheInstance.has(el) || isEmpty(binding.value) && !cacheInstance.has(el)) {
       return;
+    }
     !cacheInstance.has(el) && handleProps(el, vnode.props);
     removeAttribute(el);
     toggleLoading(el, binding);
@@ -788,12 +794,12 @@ var DAutoCompleteDropdown = defineComponent({
       disabledKey,
       isSearching
     } = propsData.props;
-    const onSelect = (item2) => {
-      item2 = valueParser.value(item2);
-      if (typeof item2 === "object" && item2[disabledKey]) {
+    const onSelect = (item) => {
+      item = valueParser.value(item);
+      if (typeof item === "object" && item[disabledKey]) {
         return;
       }
-      selectOptionClick(item2);
+      selectOptionClick(item);
     };
     return () => {
       return withDirectives(createVNode("div", {
@@ -811,17 +817,17 @@ var DAutoCompleteDropdown = defineComponent({
         "class": "devui-no-data-tip"
       }, [ctx2.slots.searchingTemplate()])]), latestSource.value && !modelValue.value && createVNode("li", {
         "class": "devui-popup-tips"
-      }, [createTextVNode("\u6700\u8FD1\u8F93\u5165")]), !showNoResultItemTemplate.value && !(searchStatus == null ? void 0 : searchStatus.value) && searchList != null && searchList.value.length > 0 && searchList.value.map((item2, index) => {
+      }, [createTextVNode("\u6700\u8FD1\u8F93\u5165")]), !showNoResultItemTemplate.value && !(searchStatus == null ? void 0 : searchStatus.value) && searchList != null && searchList.value.length > 0 && searchList.value.map((item, index) => {
         return createVNode("li", {
-          "onClick": () => onSelect(item2),
+          "onClick": () => onSelect(item),
           "class": ["devui-dropdown-item", selectedIndex.value === index && "selected", {
-            "disabled": disabledKey && typeof item2 === "object" && item2[disabledKey]
+            "disabled": disabledKey && typeof item === "object" && item[disabledKey]
           }, {
             "devui-dropdown-bg": hoverIndex.value === index
           }],
-          "title": formatter(item2),
-          "key": formatter(item2)
-        }, [ctx2.slots.itemTemplate ? ctx2.slots.itemTemplate(item2, index) : formatter(item2)]);
+          "title": formatter(item),
+          "key": formatter(item)
+        }, [ctx2.slots.itemTemplate ? ctx2.slots.itemTemplate(item, index) : formatter(item)]);
       }), !(searchStatus == null ? void 0 : searchStatus.value) && searchList.value.length === 0 && ctx2.slots.noResultItemTemplate && showNoResultItemTemplate.value && createVNode("li", {
         "class": "devui-no-result-template"
       }, [createVNode("div", {
@@ -1048,6 +1054,7 @@ const FlexibleOverlay = defineComponent({
     };
   }
 });
+var autoComplete = "";
 function _isSlot$3(s) {
   return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
 }
@@ -1705,7 +1712,7 @@ var button = "";
 var Button = defineComponent({
   name: "DButton",
   directives: {
-    devLoading: loadingDirective
+    dLoading: loadingDirective
   },
   props: buttonProps,
   emits: ["click"],
@@ -2070,13 +2077,13 @@ var CheckboxGroup = defineComponent({
     const toggleGroupVal = (val) => {
       let index = -1;
       if (typeof valList.value[0] === "string") {
-        index = valList.value.findIndex((item2) => item2 === val);
+        index = valList.value.findIndex((item) => item === val);
       } else if (typeof valList.value[0] === "object") {
-        index = valList.value.findIndex((item2) => item2.value === val);
+        index = valList.value.findIndex((item) => item.value === val);
       }
       if (index === -1) {
         if (typeof props.options[0] === "object") {
-          const newOne = props.options.find((item2) => item2.value === val);
+          const newOne = props.options.find((item) => item.value === val);
           const res2 = [...valList.value, newOne];
           ctx2.emit("update:modelValue", res2);
           ctx2.emit("change", res2);
@@ -2095,7 +2102,7 @@ var CheckboxGroup = defineComponent({
       if (typeof valList.value[0] === "string") {
         return valList.value.includes(itemVal);
       } else if (typeof valList.value[0] === "object") {
-        return valList.value.some((item2) => item2.value === itemVal);
+        return valList.value.some((item) => item.value === itemVal);
       }
     };
     provide(checkboxGroupInjectionKey, {
@@ -2210,9 +2217,10 @@ var Comment = defineComponent({
         "src": avatar2,
         "alt": "comment-avatar"
       }, null) : avatar2]);
+      const actionsList = Array.isArray(actions) ? actions : [actions];
       const actionDom = actions ? createVNode("ul", {
         "class": `devui-comment-actions`
-      }, [getAction(Array.isArray(actions) ? actions : [actions])]) : null;
+      }, [getAction(actionsList)]) : null;
       return createVNode("div", {
         "class": "devui-comment"
       }, [avatarDom, createVNode("div", {
@@ -2935,7 +2943,7 @@ function useSize(colSizes) {
         total = `${setSpace(total)}${CLASS_PREFIX$1}-${key}-span-${colSizes[key]}`;
       } else if (valueType === "object") {
         const colSizesKeys = Object.keys(colSizes[key]);
-        const sum = colSizesKeys.filter((item2) => item2 in colPropsBaseClass).reduce((tot, k) => {
+        const sum = colSizesKeys.filter((item) => item in colPropsBaseClass).reduce((tot, k) => {
           if (typeof colSizes[key][k] !== "number") {
             return "";
           } else {
@@ -3528,7 +3536,7 @@ function unmountedPreviewImages() {
   ImagePreviewService.close();
 }
 function getImgByEl(el) {
-  const urlList = [...el.querySelectorAll("img")].map((item2) => item2.getAttribute("src"));
+  const urlList = [...el.querySelectorAll("img")].map((item) => item.getAttribute("src"));
   return urlList;
 }
 function handleImg(e) {
@@ -3801,7 +3809,7 @@ var Layout = defineComponent({
     return () => {
       var _a;
       const slotDefault = (_a = slots.default) == null ? void 0 : _a.call(slots);
-      const isAside = slotDefault.some((item2) => item2.name === "DAside");
+      const isAside = slotDefault.some((item) => item.name === "DAside");
       const classNames = `${isAside ? "devui-layout-aside " : ""}devui-layout`;
       return createVNode("div", {
         "class": classNames
@@ -3858,7 +3866,9 @@ var Aside = defineComponent({
   }) {
     return () => {
       var _a;
-      return createVNode("div", null, [(_a = slots.default) == null ? void 0 : _a.call(slots)]);
+      return createVNode("div", {
+        "class": "devui-aside"
+      }, [(_a = slots.default) == null ? void 0 : _a.call(slots)]);
     };
   }
 });
@@ -3887,7 +3897,7 @@ const loading = {
       parent.style.position = options.positionType;
     }
     const isFull = document.body === parent;
-    options = __spreadValues(__spreadValues({}, new LoadingProps()), options);
+    options = __spreadValues(__spreadValues({}, new LoadingOptions()), options);
     const instance = createComponent$1(loadingConstructor, __spreadProps(__spreadValues({}, options), {
       isFull
     }), options.loadingTemplateRef ? () => options.loadingTemplateRef : null);
@@ -4307,6 +4317,105 @@ var Close = defineComponent({
     }, null)]);
   }
 });
+function SuccessIcon$1() {
+  return createVNode("svg", {
+    "width": "16px",
+    "height": "16px",
+    "viewBox": "0 0 16 16",
+    "version": "1.1",
+    "xmlns": "http://www.w3.org/2000/svg",
+    "xmlns:xlink": "http://www.w3.org/1999/xlink"
+  }, [createVNode("defs", null, [createVNode("polygon", {
+    "id": "path-s",
+    "points": "6.53553391 9.77817459 12.1923882 4.12132034 13.6066017 5.53553391            6.53553391 12.6066017 3 9.07106781 4.41421356 7.65685425 6.53553391 9.77817459"
+  }, null)]), createVNode("g", {
+    "id": "correct",
+    "stroke": "none",
+    "stroke-width": "1",
+    "fill": "none",
+    "fill-rule": "evenodd"
+  }, [createVNode("mask", {
+    "id": "mask-2",
+    "fill": "white"
+  }, [createVNode("use", {
+    "xlink:href": "#path-s"
+  }, null)]), createVNode("use", {
+    "id": "Mask",
+    "class": "devui-notification-image-success-path",
+    "xlink:href": "#path-s"
+  }, null)])]);
+}
+function WarningIcon$1() {
+  return createVNode("svg", {
+    "width": "16px",
+    "height": "16px",
+    "viewBox": "0 0 16 16",
+    "version": "1.1",
+    "xmlns": "http://www.w3.org/2000/svg",
+    "xmlns:xlink": "http://www.w3.org/1999/xlink"
+  }, [createVNode("g", {
+    "stroke": "none",
+    "stroke-width": "1",
+    "fill": "none",
+    "fill-rule": "evenodd"
+  }, [createVNode("path", {
+    "class": "devui-icon-warning-outer",
+    "d": "M8.96244623,0.57254229 L15.8714442,13.4101975 C16.1549662,13.9370117            15.9538562,14.5918482 15.4222523,14.8728158 C15.2642579,14.9563203 15.0879506,15 14.9088903,15 L1.09089441,15 C0.488410063,15 0,14.5159904 0,13.9189343 C0,13.7414873            0.0440768395,13.5667684 0.128340519,13.4101975 L7.03733844,0.57254229 C7.32086049,0.0457280838 7.98165058,-0.153569987 8.51325441,0.127397589 C8.70423071,0.228333932 8.8605922,0.383286648 8.96244623,0.57254229 Z"
+  }, null), createVNode("path", {
+    "class": "devui-icon-warning-inner",
+    "stroke-width": "0.3",
+    "fill-rule": "nonzero",
+    "d": "M8.87894737,13 L7.08947368,13 L7.08947368,11.2105263 L8.87894737,11.2105263 L8.87894737,13 Z M8.62102372,9.86842105            L7.32800539,9.86842105 L7,4.5 L8.96842105,4.5 L8.62102372,9.86842105 Z"
+  }, null)])]);
+}
+function InfoIcon$1() {
+  return createVNode("svg", {
+    "width": "16px",
+    "height": "16px",
+    "viewBox": "0 0 16 16",
+    "version": "1.1",
+    "xmlns": "http://www.w3.org/2000/svg",
+    "xmlns:xlink": "http://www.w3.org/1999/xlink"
+  }, [createVNode("g", {
+    "id": "info",
+    "stroke": "none",
+    "stroke-width": "1",
+    "fill": "none",
+    "fill-rule": "evenodd"
+  }, [createVNode("path", {
+    "class": "devui-notification-image-info-path",
+    "d": "M7,13 L7,6 L9,6 L9,13 L7,13 Z M7,5 L7,3 L9,3 L9,5 L7,5 Z",
+    "id": "info"
+  }, null)])]);
+}
+function ErrorIcon$1() {
+  return createVNode("svg", {
+    "width": "16px",
+    "height": "16px",
+    "viewBox": "0 0 16 16",
+    "version": "1.1",
+    "xmlns": "http://www.w3.org/2000/svg",
+    "xmlns:xlink": "http://www.w3.org/1999/xlink"
+  }, [createVNode("defs", null, [createVNode("polygon", {
+    "id": "path-e",
+    "points": "8.07106781 6.65685425 10.8994949 3.82842712 12.3137085 5.24264069 9.48528137 8.07106781 12.3137085            10.8994949 10.8994949 12.3137085 8.07106781 9.48528137 5.24264069 12.3137085 3.82842712 10.8994949 6.65685425            8.07106781 3.82842712 5.24264069 5.24264069 3.82842712"
+  }, null)]), createVNode("g", {
+    "id": "error",
+    "stroke": "none",
+    "stroke-width": "1",
+    "fill": "none",
+    "fill-rule": "evenodd"
+  }, [createVNode("mask", {
+    "id": "mask-2",
+    "fill": "white"
+  }, [createVNode("use", {
+    "xlink:href": "#path-e"
+  }, null)]), createVNode("use", {
+    "id": "Mask",
+    "class": "devui-notification-image-error-path",
+    "xlink:href": "#path-e"
+  }, null)])]);
+}
 var TypeIcon = defineComponent({
   props: {
     type: {
@@ -4322,18 +4431,9 @@ var TypeIcon = defineComponent({
       "devui-notification-image": true,
       [`devui-notification-image-${type.value}`]: true
     }));
-    const severityIconMap = {
-      info: "info-o",
-      success: "right-o",
-      warning: "warning-o",
-      error: "error-o"
-    };
     return () => createVNode("span", {
       "class": classes.value
-    }, [type.value !== "normal" && createVNode(DIcon, {
-      "name": severityIconMap[type.value],
-      "size": "16px"
-    }, null)]);
+    }, [type.value && type.value !== "normal" && (type.value === "success" && createVNode(SuccessIcon$1, null, null) || type.value === "info" && createVNode(InfoIcon$1, null, null) || type.value === "warning" && createVNode(WarningIcon$1, null, null) || type.value === "error" && createVNode(ErrorIcon$1, null, null))]);
   }
 });
 function useNotification(props) {
@@ -11296,12 +11396,12 @@ var RadioGroup = defineComponent({
       if (defaultSlot) {
         return defaultSlot();
       } else if (Array.isArray(values)) {
-        return values.map((item2) => {
+        return values.map((item) => {
           return createVNode(Radio, {
-            "key": item2,
-            "value": item2
-          }, _isSlot(item2) ? item2 : {
-            default: () => [item2]
+            "key": item,
+            "value": item
+          }, _isSlot(item) ? item : {
+            default: () => [item]
           });
         });
       } else {
@@ -11463,7 +11563,7 @@ var Rate = defineComponent({
     return createVNode("div", {
       "class": "devui-star-container",
       "onMouseleave": (e) => hoverToggle(e, chooseValue, true)
-    }, [totalLevelArray.map((item2, index) => createVNode("div", {
+    }, [totalLevelArray.map((item, index) => createVNode("div", {
       "class": `devui-star-align devui-pointer ${read ? "devui-only-read" : ""}`,
       "key": index,
       "onMouseover": (e) => hoverToggle(e, index),
@@ -11496,7 +11596,7 @@ var Rate = defineComponent({
     }, null)])])])]), icon && !character && createVNode("span", {
       "class": `devui-star-color-active devui-active-star devui-star-color-${type}`,
       "style": {
-        width: item2.width
+        width: item.width
       }
     }, [createVNode(resolveComponent("d-icon"), {
       "name": icon,
@@ -11505,13 +11605,13 @@ var Rate = defineComponent({
       "class": `devui-star-color-active devui-active-star devui-star-color-${type}`,
       "style": {
         color,
-        width: item2.width
+        width: item.width
       }
     }, [character]), !character && !icon && createVNode("span", {
       "class": `devui-star-color-active devui-active-star devui-star-color-${type}`,
       "style": {
         color,
-        width: item2.width
+        width: item.width
       }
     }, [createVNode("svg", {
       "width": "16px",
@@ -11576,7 +11676,8 @@ var TipsTemplate = defineComponent({
       return deviationConstant;
     };
     onMounted(() => {
-      const domBounding = document.querySelector(query).getBoundingClientRect();
+      var _a, _b;
+      const domBounding = (_a = document.querySelector(query)) == null ? void 0 : _a.getBoundingClientRect();
       const {
         width,
         height
@@ -11586,7 +11687,7 @@ var TipsTemplate = defineComponent({
       const heightDeviation = deviation(height);
       const widthDeviation = deviation(width);
       let positionLeft = 0;
-      const targetDom = document.querySelector(".read-tip-container").getBoundingClientRect();
+      const targetDom = (_b = document.querySelector(".read-tip-container")) == null ? void 0 : _b.getBoundingClientRect();
       if (rule.appendToBody) {
         positionTop = domBounding.y + document.documentElement.scrollTop;
         positionLeft = domBounding.x;
@@ -11615,14 +11716,14 @@ var TipsTemplate = defineComponent({
         "to": rule.appendToBody ? "body" : query
       }, {
         default: () => {
-          var _a;
+          var _a, _b;
           return [createVNode("div", {
             "ref": temp,
             "class": ["read-tip-container", rule.position, rule.overlayClassName],
             "style": styles
           }, [createVNode("span", {
             "class": "after"
-          }, null), rule.contentTemplate ? (_a = ctx2.slots) == null ? void 0 : _a.default() : createVNode(Fragment, null, [createVNode("div", {
+          }, null), rule.contentTemplate ? (_b = (_a = ctx2.slots) == null ? void 0 : _a.default) == null ? void 0 : _b.call(_a) : createVNode(Fragment, null, [createVNode("div", {
             "class": "title"
           }, [rule.title]), createVNode("div", {
             "class": "content"
@@ -11632,6 +11733,19 @@ var TipsTemplate = defineComponent({
     };
   }
 });
+const rules = (ruleList) => {
+  if (ruleList === null) {
+    return [];
+  }
+  if (typeof ruleList === "object" && !Array.isArray(ruleList)) {
+    ruleList = [ruleList];
+  }
+  ruleList = [...ruleList];
+  Array.isArray(ruleList) && ruleList.map((rule) => {
+    rule.status = false;
+  });
+  return ruleList;
+};
 var ReadTip = defineComponent({
   name: "DReadTip",
   props: readTipProps,
@@ -11651,6 +11765,7 @@ var ReadTip = defineComponent({
     };
     const options = __spreadValues(__spreadValues({}, defaultOptions2), props.readTipOptions);
     const defaultSlot = ref(null);
+    const refRules = reactive(rules(options.rules));
     const onMouseenter = (rule) => () => {
       setTimeout(() => {
         if (rule.id) {
@@ -11669,8 +11784,9 @@ var ReadTip = defineComponent({
         rule.status = false;
       }, rule.mouseleaveTime || options.mouseleaveTime);
     };
-    const init = (rules2, trigger = "hover") => {
-      rules2.map((rule) => {
+    const init = (ruleList, trigger = "hover") => {
+      ruleList.map((rule) => {
+        var _a;
         rule.status = false;
         trigger = rule.trigger || trigger;
         rule.overlayClassName = rule.overlayClassName || options.overlayClassName;
@@ -11679,7 +11795,7 @@ var ReadTip = defineComponent({
         if (!("appendToBody" in rule)) {
           rule.appendToBody = options.appendToBody;
         }
-        const doms = defaultSlot.value.querySelectorAll(rule.selector);
+        const doms = (_a = defaultSlot.value) == null ? void 0 : _a.querySelectorAll(rule.selector);
         [...doms].map((dom, index) => {
           if (rule.appendToBody === false) {
             dom.style.position = "relative";
@@ -11692,7 +11808,7 @@ var ReadTip = defineComponent({
             newRule = __spreadValues({}, rule);
             dom.id = id;
             newRule.id = id;
-            rules2.push(newRule);
+            ruleList.push(newRule);
           }
           if (trigger === "hover") {
             dom.addEventListener("mouseenter", onMouseenter(newRule.id ? newRule : rule));
@@ -11700,25 +11816,11 @@ var ReadTip = defineComponent({
           }
         });
       });
-      return rules2;
+      return ruleList;
     };
-    function show(dom, rule) {
+    function show(_, rule) {
       rule.status = true;
     }
-    const rules = (rules2) => {
-      if (rules2 === null) {
-        return;
-      }
-      if (typeof rules2 === "object" && !Array.isArray(rules2)) {
-        rules2 = [rules2];
-      }
-      rules2 = [...rules2];
-      Array.isArray(rules2) && rules2.map((rule) => {
-        rule.status = false;
-      });
-      return rules2;
-    };
-    const refRules = reactive(rules(options.rules));
     const clickFn = () => {
       refRules.forEach((element) => {
         element.status = false;
@@ -11732,8 +11834,9 @@ var ReadTip = defineComponent({
       document.removeEventListener("click", clickFn);
     });
     const onClick = (e) => {
+      var _a;
       for (const rule of refRules) {
-        const doms = defaultSlot.value.querySelectorAll(rule.selector);
+        const doms = (_a = defaultSlot.value) == null ? void 0 : _a.querySelectorAll(rule.selector);
         for (const dom of doms) {
           if (doms.length > 1) {
             if (dom === e.target && rule.id) {
@@ -11753,20 +11856,20 @@ var ReadTip = defineComponent({
       }
     };
     return () => {
-      var _a;
+      var _a, _b;
       return createVNode("div", {
         "class": "devui-read-tip"
       }, [createVNode("div", {
         "ref": defaultSlot,
         "onClick": onClick
-      }, [(_a = ctx2.slots) == null ? void 0 : _a.default()]), refRules.map((rule) => createVNode("div", {
+      }, [(_b = (_a = ctx2.slots) == null ? void 0 : _a.default) == null ? void 0 : _b.call(_a)]), refRules.map((rule) => createVNode("div", {
         "data-test": "todo"
       }, [rule.status && createVNode(TipsTemplate, {
         "defaultTemplateProps": __spreadValues({}, rule)
       }, {
         default: () => {
-          var _a2;
-          return [rule.contentTemplate && ((_a2 = ctx2.slots) == null ? void 0 : _a2.contentTemplate())];
+          var _a2, _b2;
+          return [rule.contentTemplate && ((_b2 = (_a2 = ctx2.slots) == null ? void 0 : _a2.contentTemplate) == null ? void 0 : _b2.call(_a2))];
         }
       })]))]);
     };
@@ -12182,7 +12285,6 @@ var SearchInstall = {
     app.component(Search.name, Search);
   }
 };
-var skeleton = "";
 const skeletonProps = {
   row: {
     type: Number,
@@ -12229,6 +12331,7 @@ const skeletonProps = {
     default: ["100%"]
   }
 };
+var skeleton = "";
 var Skeleton = defineComponent({
   name: "DSkeleton",
   props: skeletonProps,
@@ -12285,10 +12388,10 @@ var Skeleton = defineComponent({
       })();
       return withDirectives(createVNode("div", {
         "class": "devui-skeleton__paragraph"
-      }, [arr.map((item2) => {
+      }, [arr.map((item) => {
         return createVNode("div", {
           "class": "devui-skeleton__item",
-          "style": round ? "border-radius: 1em;" : `width: ${item2.width}`
+          "style": round ? "border-radius: 1em;" : `width: ${item.width}`
         }, null);
       })]), [[vShow, isShown]]);
     }
@@ -12344,7 +12447,6 @@ var Skeleton = defineComponent({
     };
   }
 });
-var item = "";
 const itemProps = {
   row: {
     type: Number,
@@ -12378,6 +12480,7 @@ const itemProps = {
     type: String
   }
 };
+var skeletonItem = "";
 var SkeletonItem = defineComponent({
   name: "DSkeletonItem",
   props: itemProps,
@@ -12431,10 +12534,10 @@ var SkeletonItem = defineComponent({
       })();
       return createVNode("div", mergeProps({
         "class": `devui-skeleton__shape__paragraph ${renderAnimate(props.animate)}`
-      }, ctx2.attrs), [arr.map((item2) => {
+      }, ctx2.attrs), [arr.map((item) => {
         return createVNode("div", {
           "class": "devui-skeleton__shape__paragraph__item",
-          "style": round ? "border-radius: 1em;" : `width: ${item2.width}`
+          "style": round ? "border-radius: 1em;" : `width: ${item.width}`
         }, null);
       })]);
     }
@@ -12658,9 +12761,6 @@ var Slider = defineComponent({
     }, [props.max]), renderShowInput()]);
   }
 });
-Slider.install = function(app) {
-  app.component(Slider.name, Slider);
-};
 var SliderInstall = {
   title: "Slider \u6ED1\u5757",
   category: "\u6570\u636E\u5F55\u5165",
@@ -13761,7 +13861,7 @@ var StatusInstall = {
 const switchProps = {
   size: {
     type: String,
-    default: "middle"
+    default: "md"
   },
   color: {
     type: String,
@@ -14083,15 +14183,15 @@ var TagInput = defineComponent({
       tagInputVal.value = v.trim();
     };
     const mergedSuggestions = computed(() => {
-      let suggestions = props.suggestionList.map((item2, index) => {
+      let suggestions = props.suggestionList.map((item, index) => {
         return __spreadValues({
           __index: index
-        }, item2);
+        }, item);
       });
       if (tagInputVal.value === "") {
         return suggestions;
       }
-      return suggestions = props.caseSensitivity ? suggestions.filter((item2) => item2[props.displayProperty].indexOf(tagInputVal.value) !== -1) : suggestions.filter((item2) => item2[props.displayProperty].toLowerCase().indexOf(tagInputVal.value.toLowerCase()) !== -1);
+      return suggestions = props.caseSensitivity ? suggestions.filter((item) => item[props.displayProperty].indexOf(tagInputVal.value) !== -1) : suggestions.filter((item) => item[props.displayProperty].toLowerCase().indexOf(tagInputVal.value.toLowerCase()) !== -1);
     });
     const selectIndex = ref(0);
     watch(mergedSuggestions, () => {
@@ -14119,7 +14219,7 @@ var TagInput = defineComponent({
       if (tagInputVal.value === "" && mergedSuggestions.value.length === 0) {
         return false;
       }
-      if (props.tags.findIndex((item2) => item2[props.displayProperty] === tagInputVal.value) > -1) {
+      if (props.tags.findIndex((item) => item[props.displayProperty] === tagInputVal.value) > -1) {
         tagInputVal.value = "";
         return false;
       }
@@ -14268,7 +14368,7 @@ var TagInput = defineComponent({
       "class": "devui-tags-autocomplete devui-dropdown-menu"
     }, [createVNode("ul", {
       "class": "devui-suggestion-list"
-    }, [mergedSuggestions.length === 0 ? noDataTpl : mergedSuggestions.map((item2, index) => {
+    }, [mergedSuggestions.length === 0 ? noDataTpl : mergedSuggestions.map((item, index) => {
       return createVNode("li", {
         "class": {
           "devui-suggestion-item": true,
@@ -14277,7 +14377,7 @@ var TagInput = defineComponent({
         "onMousedown": ($event) => {
           onSuggestionItemClick($event, index);
         }
-      }, [item2[displayProperty]]);
+      }, [item[displayProperty]]);
     })])])]);
   }
 });
@@ -14509,7 +14609,7 @@ var TimelineItem = defineComponent({
             color: props.dotColor
           },
           "class": `${itemClass}-dot`
-        }, [createTextVNode(" "), (_b = (_a = ctx2.slots).dot) == null ? void 0 : _b.call(_a)]);
+        }, [" ", (_b = (_a = ctx2.slots).dot) == null ? void 0 : _b.call(_a)]);
       } else {
         return createVNode("div", {
           "class": `${itemClass}-dot ${itemClass}-type-${props.type}`,
@@ -14578,10 +14678,10 @@ var Timeline = defineComponent({
       setStyle2();
     });
     return () => {
-      const renderItemPosition = (item2, position) => {
-        return position ? createVNode(item2, {
+      const renderItemPosition = (item, position) => {
+        return position ? createVNode(item, {
           "position": position
-        }, null) : createVNode(item2, null, null);
+        }, null) : createVNode(item, null, null);
       };
       const renderItem = () => {
         var _a, _b, _c;
@@ -14592,37 +14692,37 @@ var Timeline = defineComponent({
         } else {
           children = slots;
         }
-        return children.map((item2, index) => {
+        return children.map((item, index) => {
           var _a2, _b2, _c2, _d, _e, _f, _g, _h;
           if (index + 1 === children.length) {
-            if (!((_a2 = item2.props) == null ? void 0 : _a2.lineStyle) && !((_b2 = item2.props) == null ? void 0 : _b2["line-style"])) {
-              item2 = createVNode(item2, {
+            if (!((_a2 = item.props) == null ? void 0 : _a2.lineStyle) && !((_b2 = item.props) == null ? void 0 : _b2["line-style"])) {
+              item = createVNode(item, {
                 "line-style": "none"
               }, null);
             }
           }
-          if (!((_c2 = item2.props) == null ? void 0 : _c2.timePosition) && !((_d = item2.props) == null ? void 0 : _d["time-position"])) {
-            item2 = createVNode(item2, {
+          if (!((_c2 = item.props) == null ? void 0 : _c2.timePosition) && !((_d = item.props) == null ? void 0 : _d["time-position"])) {
+            item = createVNode(item, {
               "time-position": props.timePosition ? props.timePosition : "left"
             }, null);
           }
           if (props.direction === "horizontal") {
-            if (((_e = item2.props) == null ? void 0 : _e.position) === "top" || ((_f = item2.props) == null ? void 0 : _f.position) === "bottom") {
-              return item2;
+            if (((_e = item.props) == null ? void 0 : _e.position) === "top" || ((_f = item.props) == null ? void 0 : _f.position) === "bottom") {
+              return item;
             }
             if (props.mode === "alternative") {
-              return renderItemPosition(item2, index % 2 === 0 ? "bottom" : "top");
+              return renderItemPosition(item, index % 2 === 0 ? "bottom" : "top");
             } else {
-              return renderItemPosition(item2, "bottom");
+              return renderItemPosition(item, "bottom");
             }
           } else {
-            if (((_g = item2.props) == null ? void 0 : _g.position) === "left" || ((_h = item2.props) == null ? void 0 : _h.position) === "right") {
-              return item2;
+            if (((_g = item.props) == null ? void 0 : _g.position) === "left" || ((_h = item.props) == null ? void 0 : _h.position) === "right") {
+              return item;
             }
             if (props.mode === "alternative") {
-              return renderItemPosition(item2, index % 2 === 0 ? "left" : "right");
+              return renderItemPosition(item, index % 2 === 0 ? "left" : "right");
             } else {
-              return renderItemPosition(item2, "right");
+              return renderItemPosition(item, "right");
             }
           }
         });