vdesign-ui 0.1.24 → 0.1.26

package/dist/components/empty/style.less

@@ -13,6 +13,10 @@
         width: 164px;
         height: 118px;
         margin: 0 auto;
+        img{
+            width: 100%;
+            height: 100%;
+        }
     }
 
 

package/dist/components/mixins/clickoutside.js

@@ -1,81 +1,81 @@
-import Vue from 'vue';
-import { on } from './dom';
-// 定义一个空数组 nodeList，用于存储绑定了该指令的元素。
-const nodeList = [];
-//定义一个常量 ctx，用于标识特殊属性名。
-const ctx = '@@clickoutsideContext';
-// 定义一个变量 startClick，用于存储点击开始时的事件对象。
-let startClick;
-// 定义一个变量 seed，用作节点标识的种子。
-let seed = 0;
-// 在文档上添加一个 mousedown 事件监听器，用于记录点击开始时的事件对象。
-!Vue.prototype.$isServer && on(document, 'mousedown', e => (startClick = e));
-// 添加一个 mouseup 事件监听器。当鼠标放开时，
-!Vue.prototype.$isServer && on(document, 'mouseup', e => {
-  // 遍历 nodeList 数组中的每个元素，并执行它们的 documentHandler 函数。
-  nodeList.forEach(node => node[ctx].documentHandler(e, startClick));
-});
-// 创建一个处理文档点击事件的函数。
-// 该函数返回一个闭包函数，用于检查点击事件是否发生在绑定的元素外部，并执行相应的回调函数。
-function createDocumentHandler(el, binding, vnode) {
-  return function (mouseup = {}, mousedown = {}) {
-    if (!vnode ||
-      !vnode.context ||
-      !mouseup.target ||
-      !mousedown.target ||
-      el.contains(mouseup.target) ||
-      el.contains(mousedown.target) ||
-      el === mouseup.target ||
-      (vnode.context.popperElm &&
-        (vnode.context.popperElm.contains(mouseup.target) ||
-          vnode.context.popperElm.contains(mousedown.target)))) return;
-
-    if (binding.expression &&
-      el[ctx].methodName &&
-      vnode.context[el[ctx].methodName]) {
-      vnode.context[el[ctx].methodName]();
-    } else {
-      el[ctx].bindingFn && el[ctx].bindingFn();
-    }
-  };
-}
-
-/**
- * v-clickoutside
- * @desc 点击元素外面才会触发的事件
- * @example
- * ```vue
- * <div v-element-clickoutside="handleClose">
- * ```
- */
-export default {
-  // 将元素添加到 nodeList 数组中，并为该元素添加一个包含事件处理函数的特殊属性。
-  bind(el, binding, vnode) {
-    nodeList.push(el);
-    const id = seed++;
-    el[ctx] = {
-      id,
-      documentHandler: createDocumentHandler(el, binding, vnode),
-      methodName: binding.expression,
-      bindingFn: binding.value
-    };
-  },
-  // 当指令所在组件的 VNode 更新时调用，更新元素的事件处理函数和绑定方法。
-  update(el, binding, vnode) {
-    el[ctx].documentHandler = createDocumentHandler(el, binding, vnode);
-    el[ctx].methodName = binding.expression;
-    el[ctx].bindingFn = binding.value;
-  },
-  // 从 nodeList 中移除对应的元素，并删除特殊属性。
-  unbind(el) {
-    let len = nodeList.length;
-
-    for (let i = 0; i < len; i++) {
-      if (nodeList[i][ctx].id === el[ctx].id) {
-        nodeList.splice(i, 1);
-        break;
-      }
-    }
-    delete el[ctx];
-  }
-};
+import Vue from 'vue';
+import { on } from './dom';
+// 定义一个空数组 nodeList，用于存储绑定了该指令的元素。
+const nodeList = [];
+//定义一个常量 ctx，用于标识特殊属性名。
+const ctx = '@@clickoutsideContext';
+// 定义一个变量 startClick，用于存储点击开始时的事件对象。
+let startClick;
+// 定义一个变量 seed，用作节点标识的种子。
+let seed = 0;
+// 在文档上添加一个 mousedown 事件监听器，用于记录点击开始时的事件对象。
+!Vue.prototype.$isServer && on(document, 'mousedown', e => (startClick = e));
+// 添加一个 mouseup 事件监听器。当鼠标放开时，
+!Vue.prototype.$isServer && on(document, 'mouseup', e => {
+  // 遍历 nodeList 数组中的每个元素，并执行它们的 documentHandler 函数。
+  nodeList.forEach(node => node[ctx].documentHandler(e, startClick));
+});
+// 创建一个处理文档点击事件的函数。
+// 该函数返回一个闭包函数，用于检查点击事件是否发生在绑定的元素外部，并执行相应的回调函数。
+function createDocumentHandler(el, binding, vnode) {
+  return function (mouseup = {}, mousedown = {}) {
+    if (!vnode ||
+      !vnode.context ||
+      !mouseup.target ||
+      !mousedown.target ||
+      el.contains(mouseup.target) ||
+      el.contains(mousedown.target) ||
+      el === mouseup.target ||
+      (vnode.context.popperElm &&
+        (vnode.context.popperElm.contains(mouseup.target) ||
+          vnode.context.popperElm.contains(mousedown.target)))) return;
+
+    if (binding.expression &&
+      el[ctx].methodName &&
+      vnode.context[el[ctx].methodName]) {
+      vnode.context[el[ctx].methodName]();
+    } else {
+      el[ctx].bindingFn && el[ctx].bindingFn();
+    }
+  };
+}
+
+/**
+ * v-clickoutside
+ * @desc 点击元素外面才会触发的事件
+ * @example
+ * ```vue
+ * <div v-element-clickoutside="handleClose">
+ * ```
+ */
+export default {
+  // 将元素添加到 nodeList 数组中，并为该元素添加一个包含事件处理函数的特殊属性。
+  bind(el, binding, vnode) {
+    nodeList.push(el);
+    const id = seed++;
+    el[ctx] = {
+      id,
+      documentHandler: createDocumentHandler(el, binding, vnode),
+      methodName: binding.expression,
+      bindingFn: binding.value
+    };
+  },
+  // 当指令所在组件的 VNode 更新时调用，更新元素的事件处理函数和绑定方法。
+  update(el, binding, vnode) {
+    el[ctx].documentHandler = createDocumentHandler(el, binding, vnode);
+    el[ctx].methodName = binding.expression;
+    el[ctx].bindingFn = binding.value;
+  },
+  // 从 nodeList 中移除对应的元素，并删除特殊属性。
+  unbind(el) {
+    let len = nodeList.length;
+
+    for (let i = 0; i < len; i++) {
+      if (nodeList[i][ctx].id === el[ctx].id) {
+        nodeList.splice(i, 1);
+        break;
+      }
+    }
+    delete el[ctx];
+  }
+};

package/dist/components/mixins/dom.js

@@ -1,41 +1,41 @@
-/* istanbul ignore next */
-
-import Vue from 'vue';
-
-const isServer = Vue.prototype.$isServer;
-/* istanbul ignore next */
-export const on = (function () {
-  // 添加事件监听器
-  if (!isServer && document.addEventListener) {
-    return function (element, event, handler) {
-      if (element && event && handler) {
-        element.addEventListener(event, handler, false);
-      }
-    };
-  } else {
-    // IE8 及其以下版本没有 addEventListener 方法
-    return function (element, event, handler) {
-      if (element && event && handler) {
-        element.attachEvent('on' + event, handler);
-      }
-    };
-  }
-})();
-
-/* istanbul ignore next */
-export const off = (function () {
-  // 移除事件监听器
-  if (!isServer && document.removeEventListener) {
-    return function (element, event, handler) {
-      if (element && event) {
-        element.removeEventListener(event, handler, false);
-      }
-    };
-  } else {
-    return function (element, event, handler) {
-      if (element && event) {
-        element.detachEvent('on' + event, handler);
-      }
-    };
-  }
-})();
+/* istanbul ignore next */
+
+import Vue from 'vue';
+
+const isServer = Vue.prototype.$isServer;
+/* istanbul ignore next */
+export const on = (function () {
+  // 添加事件监听器
+  if (!isServer && document.addEventListener) {
+    return function (element, event, handler) {
+      if (element && event && handler) {
+        element.addEventListener(event, handler, false);
+      }
+    };
+  } else {
+    // IE8 及其以下版本没有 addEventListener 方法
+    return function (element, event, handler) {
+      if (element && event && handler) {
+        element.attachEvent('on' + event, handler);
+      }
+    };
+  }
+})();
+
+/* istanbul ignore next */
+export const off = (function () {
+  // 移除事件监听器
+  if (!isServer && document.removeEventListener) {
+    return function (element, event, handler) {
+      if (element && event) {
+        element.removeEventListener(event, handler, false);
+      }
+    };
+  } else {
+    return function (element, event, handler) {
+      if (element && event) {
+        element.detachEvent('on' + event, handler);
+      }
+    };
+  }
+})();

package/dist/components/mixins/outlineConfigPlugin.js

@@ -1,40 +1,40 @@
-// outlineConfigPlugin.js
-
-// __debug=1&__debug_vdesign_token=1
-const OutlineConfig = {
-    install(Vue,  options = {}) {
-      const outlineConfig = Vue.observable({
-        outlineEnabled:  options.outlineEnabled ||false,
-      });
-  
-      Vue.prototype.$outlineConfig = outlineConfig;
-  
-      Vue.mixin({
-        created() {
-          this.$outlineConfig.outlineEnabled = this.shouldEnableOutline()
-
-          this.$watch('$outlineConfig.outlineEnabled', (newValue) => {
-            document.documentElement.style.setProperty('--outline-visible', newValue ? '1px' : '0');
-          }, { immediate: true });
-        },
-        methods:{
-          shouldEnableOutline() {
-            // 获取URL的查询参数部分
-            const searchParams = new URLSearchParams(window.location.search);
-            // 对于哈希模式，也解析哈希中的查询字符串
-            const hashParams = window.location.hash.split('?')[1] ? new URLSearchParams(window.location.hash.split('?')[1]) : null;
-          
-            // 检查查询参数或哈希中的参数
-            const debug = searchParams.has('__debug') || (hashParams && hashParams.has('__debug')) ? searchParams.get('__debug') === '1' || (hashParams && hashParams.get('__debug') === '1') : false;
-            const vdesignToken = searchParams.has('__debug_vdesign_token') || (hashParams && hashParams.has('__debug_vdesign_token')) ? searchParams.get('__debug_vdesign_token') === '1' || (hashParams && hashParams.get('__debug_vdesign_token') === '1') : false;
-          
-            return debug && vdesignToken;
-          }
-        }
-      });
-    }
-};
-  
-
-
-export default OutlineConfig;
+// outlineConfigPlugin.js
+
+// __debug=1&__debug_vdesign_token=1
+const OutlineConfig = {
+    install(Vue,  options = {}) {
+      const outlineConfig = Vue.observable({
+        outlineEnabled:  options.outlineEnabled ||false,
+      });
+  
+      Vue.prototype.$outlineConfig = outlineConfig;
+  
+      Vue.mixin({
+        created() {
+          this.$outlineConfig.outlineEnabled = this.shouldEnableOutline()
+
+          this.$watch('$outlineConfig.outlineEnabled', (newValue) => {
+            document.documentElement.style.setProperty('--outline-visible', newValue ? '1px' : '0');
+          }, { immediate: true });
+        },
+        methods:{
+          shouldEnableOutline() {
+            // 获取URL的查询参数部分
+            const searchParams = new URLSearchParams(window.location.search);
+            // 对于哈希模式，也解析哈希中的查询字符串
+            const hashParams = window.location.hash.split('?')[1] ? new URLSearchParams(window.location.hash.split('?')[1]) : null;
+          
+            // 检查查询参数或哈希中的参数
+            const debug = searchParams.has('__debug') || (hashParams && hashParams.has('__debug')) ? searchParams.get('__debug') === '1' || (hashParams && hashParams.get('__debug') === '1') : false;
+            const vdesignToken = searchParams.has('__debug_vdesign_token') || (hashParams && hashParams.has('__debug_vdesign_token')) ? searchParams.get('__debug_vdesign_token') === '1' || (hashParams && hashParams.get('__debug_vdesign_token') === '1') : false;
+          
+            return debug && vdesignToken;
+          }
+        }
+      });
+    }
+};
+  
+
+
+export default OutlineConfig;

package/dist/components/mixins/router-link.js

@@ -1,23 +1,23 @@
-/**
- * add Vue-Router support
- */
-
-export default {
-    props: {
-      url: String,
-      replace: Boolean,
-      to: [String, Object]
-    },
-  
-    methods: {
-      routerLink() {
-        const { to, url, $router, replace } = this;
-        if (to && $router) {
-          $router[replace ? 'replace' : 'push'](to);
-        } else if (url) {
-          replace ? location.replace(url) : location.href = url;
-        }
-      }
-    }
-  };
+/**
+ * add Vue-Router support
+ */
+
+export default {
+    props: {
+      url: String,
+      replace: Boolean,
+      to: [String, Object]
+    },
+  
+    methods: {
+      routerLink() {
+        const { to, url, $router, replace } = this;
+        if (to && $router) {
+          $router[replace ? 'replace' : 'push'](to);
+        } else if (url) {
+          replace ? location.replace(url) : location.href = url;
+        }
+      }
+    }
+  };