gyyg-components 0.1.6

package/src/index.js

@@ -0,0 +1,45 @@
+// 使用 require.context 动态导入所有组件
+const modulesFiles = require.context("./components/", true, /\.js$/);
+const components = modulesFiles.keys().reduce((components, modulePath) => {
+    // 排除自身这个文件
+    if (modulePath === "./index.js") return components;
+    // 获取组件名和组件配置
+    const moduleName = modulePath.replace(/^\.\/(.*)\.\w+$/, "$1");
+    const value = modulesFiles(modulePath);
+    components[moduleName] = value.default;
+    return components;
+}, {});
+
+const requireDirective = require.context(`./directive/`, false, /\.js$/);
+
+// 定义 install 方法，接收 Vue 作为参数。
+const install = function (Vue) {
+    if (install.installed) return;
+    // 遍历注册全局组件
+    Object.values(components).forEach((component) => {
+        // 如果组件提供了 install 方法，则使用 install 方法注册
+        if (typeof component.install === "function") {
+            Vue.use(component);
+        } else {
+            Vue.component(component.name, component);
+        }
+    });
+    requireDirective.keys().forEach((directiveFileName) => {
+        const moduleName = directiveFileName.replace(/^\.\/(.*)\.\w+$/, "$1");
+        const directiveConfig = requireDirective(directiveFileName);
+        console.log(moduleName)
+        Vue.directive(moduleName, directiveConfig.default);
+    });
+};
+
+// 判断是否是直接引入文件
+if (typeof window !== "undefined" && window.Vue) {
+    install(window.Vue);
+}
+
+export default {
+    // 导出的对象必须具有 install，才能被 Vue.use() 方法安装
+    install,
+    // 以下是具体的组件列表
+    ...components,
+}

package/src/main.js

@@ -0,0 +1,15 @@
+import Vue from 'vue'
+import App from './App.vue'
+
+Vue.config.productionTip = false
+import { Dialog,Button,Pagination,Input } from 'element-ui';
+Vue.use(Dialog)
+Vue.use(Button)
+Vue.use(Pagination)
+Vue.use(Input)
+// import zj from '@/index.js'
+// Vue.use(zj)
+import "./icons"; // icon
+new Vue({
+  render: h => h(App),
+}).$mount('#app')

package/src/utils/common.js

@@ -0,0 +1,25 @@
+// 值判空
+export function isEmpty(value) {
+  // null或undefined
+  if (value === null || value === undefined) {
+    return true;
+  }
+  // 空字符串
+  if (value === "") {
+    return true;
+  }
+  if (JSON.stringify(value) === "{}") {
+    return true;
+  }
+  if (JSON.stringify(value) === "[]") {
+    return true;
+  }
+  return false;
+}
+/**
+ * @param {string} path
+ * @returns {Boolean}
+ */
+export function isExternal(path) {
+    return /^(https?:|mailto:|tel:)/.test(path)
+}

package/vue.config.js

@@ -0,0 +1,24 @@
+const path = require("path");
+function resolve(dir) {
+  return path.join(__dirname, dir);
+}
+module.exports = {
+  lintOnSave: false,
+  chainWebpack: (config) => {
+    config.module
+      .rule('svg')
+      .exclude.add(resolve('src/icons'))
+      .end();
+    config.module
+      .rule('icons')
+      .test(/\.svg$/)
+      .include.add(resolve('src/icons'))
+      .end()
+      .use('svg-sprite-loader')
+      .loader('svg-sprite-loader')
+      .options({
+        symbolId: 'icon-[name]'
+      })
+      .end();
+  },
+};